css是层叠样式表(cascading style sheets)的缩写,它用于定义HTML元素的显示方式。是W3C推出的格式化网页内容的标准技术。
它的优点:提高页面游览速度;缩短改版时间,降低维护费用;更好的控制页面布局;实现表现和结构、内容相分离;更方便搜索引擎的搜索。
一、样式表可以分为嵌入式样式表、外部样式表和内联样式表三种。在同一文档内,可以同时使用三种方法。
1)外联
a、原因:多个网页代码重用、减小*.html文件的大小
b、实现:<link rel="stylesheet" href="css文件路径"/>,注少了rel属性无法实现
2)嵌入
a、原因:一个网页多处 代码重用
b、实现:在<head>里面加<style>
eg: <style type="text/css">
p{font-size:20px;}
</style>2)
3)内联
a、原因:单个地方使用
b、实现:在标记内使用style属性
eg: <div style="margin:auto;">
二、语法
选择器{
属性1:值; //注释: 1、标点符号为英文的
属性2:值; 2、分号不能丢,否则属性2没有效果
}
三、选择器
1、元素 标记名称 eg: p, table, td, input, select, li.....
2、ID 命名id eg: user, psd, gender... <input id="user/psd">、<p id="p1">
3、类 命名class eg: big, layer,xx... <div class="layer">、<td class="big">
比较: 元素选择器会让这种标签所有的内容都变成同一种样式,死
ID唯一、单一的
类选择性比较强,可以跨标记也可以在标记里选择一部分,灵活。