一.CSS是增加html的样式,拥有对网页对象和模型样式编辑的能力:
(1).在HTML中引入CSS有3种方式
1.外部样式表
2.内部样式表
3.内联样式表
（2）CSS选择元素的方式、
1.元素选择器（通过元素名字进行选择）
<style type="text/css">
h1 {
color:red;
background-color:green;
width:180px;
padding:20;
}
</style>
、 2.ID选择器
<style type="text/css">
#id1 {
color:red;
background-color:green;
width:180px;
padding:20;
}
</style>
<body>
<h1 id="id1">前端技术</h1>
</body>
3.class选择器
<style type="text/css">
.class1 {
color:red;
background-color:green;
width:180px;
padding:20;
}
</style>
<h1 class="class1" >前端技术</h1>
</body>
4.子元素选择器
<style type="text/css">
#id2 h1 {
color:red;
background-color:green;
width:180px;
padding:20;
}
</style>
<div id="id2">
<h1 >前端技术</h1>
</div>
</body>
5.相邻选择器
如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器
例如，如果要增加紧接在 h1 元素后出现的段落的上边距，可以这样写：
h1 + p {margin-top:50px;}
这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。
6.群组选择器
实例
h1, h2, h3, h4, ul, p, #AAA, #BBB { color:#666666; }
二。
(1)一般样式
向左对齐: <text-align:left>
去掉超链接下划线：<text-decoration:none>
（2）盒子模型
margin（外边距）：定义元素与元素之间的距离
padding(内边距)：用于定义内容与边框的距离
居中显示：margin:0 auto;
清零外边距：*{margin：0 }、
边框简写： border:20px solid bule;( 边框：大小 实线 颜色)
（3）行内元素与块状元素
（4）定位布局
1.固定定位：fixed （相对于浏览器）
2.相对定位：relative (相对于原始位置计算)
3.绝对定位：absolute(默认相对于浏览器。当父类元素为相对定位，就相对于父类的位置)
例；
position：fixed
right:5px
top:10px
扫一扫
541
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
