今天讲的css基础,了解了css即层叠式表,是美化网页,控制页面的样式。
样式表引进网页的3种方式1内联式,语法例子:<div style="width: 100px;height: 50px;background: #E91115"> </div>'
2内嵌式 语法例子 ( head里面) div{height: 100px;width: 100px;background: #EF0E12}
3外部样式表 语法例子 ( head里面) <link rel=" stylesheet" href=“ **.css>”
选择器 1标签选择器 标签名{样式}
2ID选择器 #id名{样式 } (唯一的)
3类选择器 .class名{}样式 } (可给任何加)
4组合选择器 逗号 同时给逗号连接的标签加上样式 例如 p,div{}
空格 列如 OL空格il
筛选 标签名.class名
+
属性选择器 例如 div[ date=" div"]{}
优先级 1在标签内style=“”
2id选择器
3类和属性选择器
4body td.....里面的
5*对于所有的
注意:选择器一样时,下面的样式高于上面的。
格式布局 position:fixed 固定
position:absolu 绝对定位
position:relative 相对定位
语法:position:3种任意一种 ;z-index 10;left或者 right =100px; top或者 botton=100px