CSS样式：
作用：使HTML更好看，为了渲染HTML制作的页面
代码规则：
选择器：{ 属性名：属性值；
属性名：属性值；}
如何在HTML中引入CSS样式：
行内样式：在标签的sytle属性值中写入css代码，此时可不用写选择器和大括号。
例：<h1 style = "font-size:100px">江苏科技大学</h1>
内部样式：在head标签的子标签style中写入css代码，选择器和大括号不能省
例：<head>
<style>
h1{
font-size:100px;
color:red;
}
</style>
</head>
<body>
<h1>江苏科技大学</h1>
</body>
外部样式：css代码写在另一个以.css结尾的文件夹中，通过head的另一个子标签<link>引入到HTML文件中，不能省略选择器和大括号
注：三种样式同时使用到一个标签时，采用就近原则
CSS的选择器：
标签选择器：
h1{
font-size:100px;
color:blue;
}
id选择器：
<body><h1 id = "h001">江苏科技大学</h1></body>
#h001{
font-size:100px;
color:red;
}
class选择器：
<body><h1 class= "c001">江苏科技大学</h1></body>
*c001{
font-size:100px;
color:red;
}
CSS中的基础样式：
border：边框样式
值：边框宽度（单位px） 边框样子（double-双线，solid-实线） 边框颜色
例：h1{
border:10px double red;
}
width: 宽度（单位px或%）
height:：高度（单位px或%）
color：颜色
font-size：字体大小
background-color：设置背景颜色
display：转换样式，块级元素与行内元素的转换
值：block（转换为块级元素）
inline（转成行内元素）
none：隐藏
float：设置元素的浮动效果
值：left（向左漂浮起来）
right（向右漂浮起来）
注：可以用clear清除浮动效果
例：<div style = "clear：both”; width：0px;height:0px></div>//相当于div中的换行
盒子模型：
在css中认为每一个标签都是一个一噶=个盒子。标签中的内容认为是盒子的元素。
两个盒子边框的距离（也就是两个标签边框）：margin
一个盒子内元素与边框的距离：padding
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
