4.CSS选择器
2020-04-11 本文已影响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.继承:父标签定义的样式会继承给子子孙孙