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.继承:父标签定义的样式会继承给子子孙孙

上一篇下一篇

猜你喜欢

热点阅读