CSS 基本概念
CSS 指层叠样式表(Cascading Style Sheets)
通俗点可以把HTML 理解成人,CSS 理解成衣服,用户装饰网页,使得页面更加美观,便于管理
CSS 基本语法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS引入</title>
<style type="text/css">
p{
font-size: 20px;
color: red;
}
</style>
</head>
<body>
<p>段落一</p>
<p>段落二</p>
<p>段落三</p>
<p>段落四</p>
</body>
</html>
在上面的例子中,着重看
p{
font-size: 20px;
color: red;
}
其中包括选择器:p
,声明:font-size: 20px;
和color: red;
,都是由属性和值这样的键值对构成
CSS教程
CSS(一) 基本概念
http://blog.youkuaiyun.com/hlfsunshine/article/details/78169547
CSS(二) 基本特性
http://blog.youkuaiyun.com/hlfsunshine/article/details/78169556
CSS(三) 高级特性
http://blog.youkuaiyun.com/hlfsunshine/article/details/78169703
CSS(四) 设置文本样式
http://blog.youkuaiyun.com/hlfsunshine/article/details/78169885
CSS(五) 设置图像和图文混排
http://blog.youkuaiyun.com/hlfsunshine/article/details/78170033
CSS(六) 设置背景颜色和背景图像
http://blog.youkuaiyun.com/hlfsunshine/article/details/78170085
CSS(七) 盒模型
http://blog.youkuaiyun.com/hlfsunshine/article/details/78170277
CSS(八) 盒子的浮动与定位
http://blog.youkuaiyun.com/hlfsunshine/article/details/78170687
CSS(九) 设置表格样式
http://blog.youkuaiyun.com/hlfsunshine/article/details/78171247
CSS(十) 设置超链接样式
http://blog.youkuaiyun.com/hlfsunshine/article/details/78173274
CSS(十一) 设置列表样式
http://blog.youkuaiyun.com/hlfsunshine/article/details/78173344
CSS(十二) 宽度布局实践
http://blog.youkuaiyun.com/hlfsunshine/article/details/78175690