做网站软件A开头的,网网站站建建设设,网站做软件,wordpress 做仿站以内部样式表编写CSS选择器#xff0c;其主要编写在head/head元素里#xff0c;通过style/style标签来定义内部样式表。
基本语法为#xff1a; 选择器{ 声明块 } 声明块#xff1a;是由一对大括号括起来#xff0c;声明块中是一个一个的…以内部样式表编写CSS选择器其主要编写在head/head元素里通过style/style标签来定义内部样式表。
基本语法为 选择器{ 声明块 } 声明块是由一对大括号括起来声明块中是一个一个的声明。是一对名值对结构一个样式名对应一个或多个样式值之间用;隔开。
选择器
常见的选择器主要由以下几种
1.元素选择器 基本语法标签名{} p{color:rgb(0,255,0); font-size: 20px;} 2.id选择器 根据元素的id属性选中唯一的一个元素。一般一个元素都由一个唯一的id值。
基本语法#id值{} #p1{color: rgb(255,0,255);font-size: 30px;}
3.类选择器 根据元素的class属性选中元素 class属性是可以重复的拥有同一个class的元素可以说他们是同一类元素。
基本语法.class值{} .p2{color: rgb(0,0,255);}.p3{font-size: 40px;}
4.通配选择器 选择页面中的所有元素。
基本语法*{}
5.属性选择器 根据元素的属性来选择元素。
基本语法
[属性名]{} 选中含有该属性的所有元素
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title属性选择器/titlestyle/* 选中所有含有title属性的元素 */[title]{color: rgb(255,0,0); }/style/head
bodyp随便写写吧/pp title滕王阁序落霞与孤鹜齐飞秋水共长天一色。/pdiv title醉翁亭记 醉翁之意不在酒在乎山水之间也。/divsection title登高无边落木萧萧下不尽长江滚滚来。/sectionarticle title岳阳楼记先天下之忧而忧后天下之乐而乐。/articlep title岳阳楼记不以物喜不以己悲。/pdiv title登高万里悲秋常作客百年多病独登台。/div
/body
/html [属性名属性值]{} 选中含有该属性为指定属性值的所有元素
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title属性选择器/titlestyle/* 选中所有含有title属性值为醉翁亭记元素 */[title醉翁亭记]{color: rgb(255,0,0); }/style/head [属性名^属性值] 选中以属性以指定属性值开头的所有元素
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title属性选择器/titlestyle/* 选中所有含有title属性值为岳开头的元素 */[title^岳]{color: rgb(255,0,0); }/style/head [属性名$属性值] 选中以属性以指定属性值结束的所有元素
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title属性选择器/titlestyle/* 选中所有含有title属性值为醉翁亭记元素 */[title$记]{color: rgb(255,0,0); }/style/head [属性名*属性值] 选中此属性的属性值中含有指定属性值的所有元素
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title属性选择器/titlestyle/* 选中所有含有title属性值中含有楼的元素 */[title*楼]{color: rgb(255,0,0); }/style/head 6.交集选择器 可以将多种选择器一起写表示这些元素必须同时满足所写的多个选择器。
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title属性选择器/titlestyle/* 选中所有含有title属性值中含有楼的p元素 */p[title*楼]{color: rgb(255,0,0); }/style/head 7.分组选择器并集选择器 同时选中多个选择器对应的元素。 基本语法选择器1选择器2选择器3……选择器n{} !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title分组选择器/titlestyle/* 分组选择器同时选中多个选择器对应的元素。语法选择器1选择器2选择器3……选择器n{}*//* 选中id为滕王阁序类名为醉翁亭记和所有的div元素 */#滕王阁序,.醉翁亭记, div{color: blue;font-size: 40px;}/style/head
bodyp随便写写吧/pp id滕王阁序落霞与孤鹜齐飞秋水共长天一色。/pdiv class醉翁亭记 醉翁之意不在酒在乎山水之间也。/divsection title登高无边落木萧萧下不尽长江滚滚来。/sectionarticle class岳阳楼记先天下之忧而忧后天下之乐而乐。/articlep class岳阳楼记不以物喜不以己悲。/pdiv title登高万里悲秋常作客百年多病独登台。/divdiv我是一个没有类名和id值的div元素/div
/body
/html
