CSS知识详细概括

• CSS介绍
• CSS语法规则
• CSS和HTML的结合方式
• CSS选择器
• 常用样式

CSS介绍

CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

CSS语法规则

• 选择器：浏览器根据“选择器”决定受 CSS 样式影响的 HTML 元素（标签）。
• 属性 (property) 是你要改变的样式名，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration），例如：p {color: blue}
• 多个声明：如果要定义不止一个声明，则需要用分号将每个声明分开。虽然最后一条声明的 最后可以不加分号(但尽量在每条声明的末尾都加上分号)

CSS和HTML的结合方式

CSS和HTML的结合方式有三种：

• 在标签的 style 属性上设置”key:value value;”，修改标签样式
• 在 head 标签中，使用 style 标签来定义各种自己需要的 css 样式。 格式如下： xxx {Key : value value; }
• 把 css 样式写成一个单独的 css 文件，再通过 link 标签引入即可复用。

我们一般使用第三种，因为第一第二种都不能复用代码，且维护起来不方便。

CSS选择器

• 标签选择器：标签名{ 属性：值; }
• id选择器：#id 属性值{ 属性：值; }
• class 选择器（类选择器）：.class 属性值{ 属性：值; }
• 组合选择器：选择器 1，选择器 2，选择器 n{ 属性：值; }

常用样式

1、字体颜色 color：red； 颜色可以写颜色名如：black, blue, red, green 等 颜色也可以写 rgb 值和十六进制表示值：如 rgb(255,0,0)，#00F6DE，如果写十六进制值必 须加#
2、宽度width:19px; 宽度可以写像素值：19px； 也可以写百分比值：20%；
3、高度height:20px; 高度可以写像素值：19px； 也可以写百分比值：20%；
4、背景颜色 background-color:#0F2D4C
5、字体样式： color：#FF0000；字体颜色红色 font-size：20px; 字体大小
6、红色 1 像素实线边框 border：1px solid red;
7、DIV 居中 margin-left: auto; margin-right: auto;
8、文本居中： text-align: center;
9、超连接去下划线 text-decoration: none;
10、表格细线 table { border: 1px solid black; /设置边框/ border-collapse: collapse; /将边框合并/ }td,th {border: 1px solid black; /设置边框/ }
11、列表去除修饰 ul { list-style: none; }