CSS基础知识总结

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、文字样式

1、字体类型font-family p{font-family:微软雅黑,宋体,Times New Roman;}

2、字体大小font-size

 

文章详情请单击这里查看

 

许你一城个人博客

posted @ 2018-04-08 10:35  许你一城个人博客  阅读(130)  评论(0编辑  收藏  举报