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

css基础

时间:2016-12-17 23:02:04      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:lan   images   pad   关系   微软   技术   选择器   微软雅黑   nbsp   

CSS即层叠样式表(Cascading StyleSheet)

 

//共有样式
div,p{
}

/**通配符*/
*{
    background: red;
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
    font-size: 20px;
}

/**类选择符*/
.hp{
    color: green;
}

/**id选择符*/
#id{
    
}

/**类型选择符*/
div{
}

/**关系选择符*/
/**兄弟选择符   对向上的元素没有效果*/
p~p{
}

/**p元素后的p元素*/
p+p{
}

/**包含选择器,包括所有包含*/

ul li{
}

//属性选择符
a[href]{
    
}

a[href="www.baidu.com"]{
    
}
//伪类选择符
a:link{
    
}

//伪对象选择符

a:before{
  
}

 

//css优先级***************************

 important>内联>id>类>标签[伪类]属性选择器>伪对象>继承>通配符

技术分享




css基础

标签:lan   images   pad   关系   微软   技术   选择器   微软雅黑   nbsp   

原文地址:http://www.cnblogs.com/jentary/p/6193107.html

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