美文网首页
4.CSS选择器

4.CSS选择器

作者: 身未动心已往 | 来源:发表于2020-04-11 22:05 被阅读0次

1.上节补充:style标签写在head内(不必要给用户看)

2.CSS语法:选择器{属性名:属性值;}

【eg】 p {color:red;font-size:40px;}

3.通过link标签引用css:(推荐)

新建css文件,放入html文件同级中,用link标签在head中引用

4.部分css选择器:

element:标签;

.class:需要在标签中设置class属性;

#id:需要在标签中设置id属性;(与class区别:命名规则上,id独一无二,class一类)

*:所有;

element,element:两个标签效果相同时;(逗号表示并列关系)

element element:前标签的子孙中的后标签;(空格表示后代关系)

element>element:前标签的儿子中的后标签;(空格表示父子关系)

element:hover:鼠标经过某个标签时变化;

5.优先级和权重

| 顺序有影响:style属性>style标签>link css;css中多个标签 服从后者;多个link 服从后者。

| 明确程度有影响:内部评分。【eg】 h1 a>a

| !important:选择器{属性名:属性值 !important;}【破坏规则者,少用】

6.继承:父标签定义的样式会继承给子子孙孙

相关文章

  • 4.CSS选择器

    基础选择器 想要将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一任务规则部分被称...

  • 4.CSS选择器

    1.上节补充:style标签写在head内(不必要给用户看) 2.CSS语法:选择器{属性名:属性值;} 【eg】...

  • 2018-09-18 day22-CSS(含作业)

    1.表单标签 2下拉、多行文本、按钮 3.div和span 4.CSS基础 5.选择器 6.伪类选择器 作业 te...

  • day2-标签及css基础

    1.表单标签:form 2.下拉菜单和多行文本域 3.div和span 4.css基础 5.css选择器 6.伪类选择器

  • 标签

    基础知识 1.什么是html什么是css 2.常用的html标签 3.盒子模型 4.css常用选择器

  • CSS基础入门(第四天)

    一、学习计划: 1.CSS的定义和HTML的关系 2.如何编写CSS 3.CSS语法和简单属性 4.CSS选择器 ...

  • CSS渲染原理以及优化策略

    本文目录: 1.浏览器构成 2.渲染引擎 3.CSS 特性 4.CSS 选择器执行顺序 5.CSS 书写顺序对性能...

  • 1.css基础

    1.CSS的定义 2.如何编写CSS (优先级逐次降低) 3.CSS选择器综述 4.CSS伪类和伪元素 5.CSS...

  • 2018-10-30 二阶段day2 表单标签和CSS

    1.表单标签和input标签 2.下拉菜单和多行文本域 3.div和span 4.CSS基础 5.CSS选择器 6...

  • 2020年9-10月份前端面试题总结

    css 1.css的盒子模型 2.div垂直水平居中的方法 3.css选择器的优先级 4.css如何清除浮动以及原...

网友评论

      本文标题:4.CSS选择器

      本文链接:https://www.haomeiwen.com/subject/zujpmhtx.html