码迷,mamicode.com
首页 > Web开发 > 详细

CSS部分基础

时间:2017-12-05 14:56:24      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:xxx   属性选择符   内嵌   语法   css   str   用户   back   div   

CSS部分:
语法:
1.权值:
标签,伪元素=1,
类,伪类,属性选择符=10
ID选择符=100
继承=0.1
权值可相加,同一元素设置不同样式,启用权值高者
层叠:权值相同用最接近元素者,未覆盖的属性会被继承启用
!important最高权值: p{color.red!important;}
用户自设样式>网页设计样式>浏览器默认样式
2.示例代码:
 p{color.red!important;}
括号内的就是"声明"
多条声明用";" 分隔并换行(最后一条也要,为了修改方便)
p- 选择符(器)   color:blue-  样式
color-属性
blue-值
浏览器私有属性:
chrome/safari:-webkit-
firefox:-moz-
IE:-ms-
opera:-o-
3.继承:
某些样式对后代也有效(如颜色)
(边框,background,position无继承) - inherit属性为no
强制继承:att:inherit;
例子:
其子元素行高与其相同(先计算再继承)  line-height:300%
其子元素行高为子元素字体大小的3倍(先继承再计算)   line-height:3
4./* 注释*/
5.层叠:
外部式: <link href="xxx.css" rel="stylesheet" type="text/css">
嵌入式: <style type="text/css"> </style>
内嵌式: <p style="color:red;" > 文字</p>

CSS部分基础

标签:xxx   属性选择符   内嵌   语法   css   str   用户   back   div   

原文地址:http://www.cnblogs.com/zm1994/p/7986877.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!