CSS基础知识总结
2018-03-08 19:42
531 查看
CSS(层叠样式表:Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS是做网站的基础,今天将自己学习CSS的笔记分享给大家。
3、。。。。。
。。。。。。。。。。。。。。。。
完整文章、源代码下载请点击这里
许你一城个人博客
许你一城个人博客
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、。。。。。
。。。。。。。。。。。。。。。。
完整文章、源代码下载请点击这里
许你一城个人博客
许你一城个人博客
相关文章推荐
- CSS基础知识总结--《CSS权威指南》阅读笔记(一)
- 【CSS+DIV网页样式与布局】——基础知识总结
- CSS基础知识总结--《CSS权威指南》阅读笔记(二)
- CSS基础知识总结之基本概念
- 总结CSS基础知识【复习之一】
- 对CSS基础知识学习的一些总结
- 黑马程序员-html+css基础知识总结
- html+css 基础知识大总结
- HTML`CSS_我用的过程中记下的基础知识总结
- CSS基础知识总结之颜色、单位
- css基础知识总结
- html+css基础知识总结
- HTML+CSS基础知识整理总结2015.3.9
- css基础知识2 —— 关于css选择器( > , + , ~ )的总结
- HTML+CSS基础知识整理总结2015.3.10
- HTML+CSS基础知识整理总结2015.3.11
- CSS基础知识总结之背景、尺寸、显示、盒子、定位
- HTML/CSS基础知识总结
- Java基础知识总结
- html+css+javascript 基础知识(二)