CSS(层叠样式表:Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS是做网站的基础,今天将自己学习CSS的笔记分享给大家。
1、CSS的三种引入方式
1、外部样式表 <link rel="stylesheet" href="css/index.css"/>2、内部样式表 <!--这是内部样式表,CSS样式在style标签中定义--> <style type="text/css"> p{color:Red;} </style>3、内联样式表 <p style="color:Red; ">绿叶学习网</p>2、选择器
1、元素选择器 div{width:100px;height:100px;}2、id选择器 <div id=”box”>id选择器</div> #box{width:100px;height:100px;}3、class选择器 <p class=”lv”>绿叶学习网</p> <span class=”lv”>绿叶学习网</span> .lv{color:red;}4、子元素选择器 #father1 div{color:blue;} #father2 #p1{color:red;}5、相邻选择器 相邻选择器,就是选中该元素的下一个兄弟元素,在这里注意一点,相邻选择器的操作对象是该元素的同级元素。 <div id="lv"> <p>绿叶学习网</p> </div> <div>绿叶学习网</div> <!--选中这个div--> <div>绿叶学习网</div> #lv+div{color:red;}6、群组选择器 h3,div,p,span{color:red;} 3、。。。。。 。。。。。。。。。。。。。。。。 完整文章、源代码下载请点击这里许你一城个人博客