前言
css中文是层叠样式表，是网页三剑客之一，控制着网页的样式与布局，本小白就自己学到的css的内容进行整合与输出，希望对大家有帮助。
css的引入方法
目录
1.外部样式表
<head>
<link href="代码地址" type="text/css" rel="stylesheet">
</head>2.内部样式表
<head>
<style type="text/css">
</style>
</head>3.内部引用
<body>
<div style="属性：属性值;属性：属性值;"> </div>
</body>css的样式
1.字体样式
字体样式的表示例子：
<style type="css/text">
p{font-family:字体;font-size:12px;}
</style>2.背景样式
<div style="background-color:red;"></div>3.文本样式
<div style="text-indent: 像素值;text-align:center;text-decoration:none;"></div>4.其他样式
语法：
list-style-type: 取值;css的核心模型与方法
1.盒子模型
<div style="margin:外边距值;border:边框值;padding:内边距值;"></div>一个页面由很多盒子构成，盒子的内部结构（padding）,盒子间的相互关系（margin）都是盒子模型的关键。
2.浮动布局
浮动的例子：
浮动布局实现的是把两个或两个以上元素横向排列，达到并排的效果。并且文档流也会从正常文档流变成脱离文档流，影响父元素的布局，这点要注意。
3.定位布局
相较与浮动布局，定位布局更能精准的定位网页中的任意元素。同样的，定位布局也会脱离文本流。
（1）.固定定位
例子：
position:fixed;
top:数值;
left:数值;使用固定定位，该元素不会随滚动条而改变。
（2）.相对定位
position:absolute;
top:数值;
left:数值;相对定位是相对于绝对定位而言的，在网页上的布局。
（3）.绝对定位
position:absolute;绝对定位是网页上的固定定位。
总结
CSS是网页创作不可或缺的一环，它会让你的网页更加美观，布局更加完善。
扫一扫
1791
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
