作者:cmm雨轩 | 来源:互联网 | 2023-02-13 14:32
什么是CSS?
CSS全称为层叠样式表,通常又称为风格样式表。
引用CSS样式:
语法:
style属性的应用
直接在HTML标签中设置样式
内部样式表:
把CSS代码写在的
CSS3的基本选择器:
(1):标签选择器;
(2):类选择器;
(3):ID选择器;
CSS3的高级选择器:
(1)层次选择器:
选择器 类型 代码
E>F 子选择器 body>p{background:pink;}
E+F 相邻兄弟选择器 body+p{background:green;}
E-F 通用兄弟选择器 body-p{backgroound:yellow;}
(2)结构伪类选择器:
E:first-child;
E:last-child;
E F:nth-child;
E:fisrt-of-type;
E:last-of-type;
E F:nth-of-type;
(3)属性选择器:
选择器 代码
E[attr] a[id]{background:yellow;}; a[id][target]{background:yellow;]
E[attr=val] a[id=first]{background:red;]
E[attr$=val] a[class*=links]{backgrond:red;}
E[attr^=val] a[hreff^=http]{background:red;}
E[attr*=val] a[href$=png]{background:red;}
实例代码:
(1);
。。。
。。。。
。。。。。
(2):
。。。
。。。。