CSS样式是 Cascading Style Sheet 的缩写 ，层叠样式表单。多用于网页美化。
CSS样式的优先级，就近原则，谁离着近，谁的优先级就大。
CSS样式加入的html网页的三种方式：
1、链接外部样式表文件：（建立外部样式表文件.css）
<link rel=stylesheet href="xxxx.css" type="text/css">
xml 中的为：<?xml-stylesheet type="text/css" href="xxx.css"?>
2、定义内部样式块对象
主要是要添加到<body>之间。
<body>
<style type="text/css">/*type属性这样定义时叫浏览器没有这样的属性时候 忽视此样式。*/
h1{font:12pt/17pt;font-weight;bold;color}
</style>
</body>
3、内联定义：对象的标记内使用对象的style属性定义适用的样式表属性。
<p style="margin-left:0.5in;margin-right:0.5in">xxxxx</p>
字体属性：<font>
color>颜色
font-family 字体名称。
font-size 字体大小
取值：xx-small 绝对小字体尺寸 xx-largr 绝对大字体尺寸 length:百分数。
font-style 字体样式
取值：italic 斜体 oblique 倾斜的字体。
font-weight 字体样式
取值：bold 黑体 bolder 比默认的粗 lighter 比默认的细。400 是默认值（可以进行赋值）
font-decoration 是否有装饰
取值： blink 闪烁 underline 下划线 line-through 贯穿线 overline 上划线
text-transform 转换
取值：capitalize：将每一个字母的第一个字母大写 其余不变。uppercase 转换成大写 lowercase 转换成小写。
文本属性<Text>
text-indent: 首行缩进
取值：length：百分比数字
text-align 文本对齐方式
取值：left right center justify 两端对齐
layout-flow 文本的流动和方向
取值：horizontal 对象自左边流入 vertical-ideographic 对象自上而下流入
背景属性<background>
background-attachmet 背景随着对象的内容滚动还是固定
取值：scroll 背景内容滚动 fixed 背景图像固定
background-clor 背景颜色
background-image 背景图像
取值 url 使用路径找寻图片
background-position 背景的位置
取值 length ：百分数 position top center bottom left center right
background-repeat :图像是否重复
取值：repeat：重复 no-repeat 不重复 repeat-x x坐标重复 repeat-y y坐标重复
定位属性<position>
position 对象定位方式
取值 static 无特殊定位 absolute 绝对定位 relative 相对定位（不可重叠）
尺寸属性<dimensions>
height width
布局属性<layout>
clear 不许有浮动对象的边
取值 left 不许左边 right 不许右边 both 不许两边
float 指出对象是否及如何浮动
取值 left 流向对象的右边 right 流向对象的左边
外补丁<margins>
margin-top margin-right margin-bottom margin-left
取值均为 length 百分比
内补丁<paddings>
padding-top padding-right padding-bottom padding-left
边框<border>
border-color 颜色
border-style 边框样式
取值 hidden 隐藏 solid 实线边框 double 双线边框
border-width border-top border-right border-bottom border-left
border-top-color border-top-style border-top-width （ 左右等其他的也具有这些属性）
列表<lists>
list-style:列表样式
表格<table>
border-collapse:边框是否独立
取值：separate 边框独立 collapse 相邻边框被合并
伪类：
a:link：设置在未被访问之前的样式
a:hover 设置鼠标在悬停的时候样式
a:active 对象被用户激活的时候（点击鼠标还未松开的时候）
a:visited 已经被访问后的样式
CSS样式的优先级，就近原则，谁离着近，谁的优先级就大。
CSS样式加入的html网页的三种方式：
1、链接外部样式表文件：（建立外部样式表文件.css）
<link rel=stylesheet href="xxxx.css" type="text/css">
xml 中的为：<?xml-stylesheet type="text/css" href="xxx.css"?>
2、定义内部样式块对象
主要是要添加到<body>之间。
<body>
<style type="text/css">/*type属性这样定义时叫浏览器没有这样的属性时候 忽视此样式。*/
h1{font:12pt/17pt;font-weight;bold;color}
</style>
</body>
3、内联定义：对象的标记内使用对象的style属性定义适用的样式表属性。
<p style="margin-left:0.5in;margin-right:0.5in">xxxxx</p>
字体属性：<font>
color>颜色
font-family 字体名称。
font-size 字体大小
取值：xx-small 绝对小字体尺寸 xx-largr 绝对大字体尺寸 length:百分数。
font-style 字体样式
取值：italic 斜体 oblique 倾斜的字体。
font-weight 字体样式
取值：bold 黑体 bolder 比默认的粗 lighter 比默认的细。400 是默认值（可以进行赋值）
font-decoration 是否有装饰
取值： blink 闪烁 underline 下划线 line-through 贯穿线 overline 上划线
text-transform 转换
取值：capitalize：将每一个字母的第一个字母大写 其余不变。uppercase 转换成大写 lowercase 转换成小写。
文本属性<Text>
text-indent: 首行缩进
取值：length：百分比数字
text-align 文本对齐方式
取值：left right center justify 两端对齐
layout-flow 文本的流动和方向
取值：horizontal 对象自左边流入 vertical-ideographic 对象自上而下流入
背景属性<background>
background-attachmet 背景随着对象的内容滚动还是固定
取值：scroll 背景内容滚动 fixed 背景图像固定
background-clor 背景颜色
background-image 背景图像
取值 url 使用路径找寻图片
background-position 背景的位置
取值 length ：百分数 position top center bottom left center right
background-repeat :图像是否重复
取值：repeat：重复 no-repeat 不重复 repeat-x x坐标重复 repeat-y y坐标重复
定位属性<position>
position 对象定位方式
取值 static 无特殊定位 absolute 绝对定位 relative 相对定位（不可重叠）
尺寸属性<dimensions>
height width
布局属性<layout>
clear 不许有浮动对象的边
取值 left 不许左边 right 不许右边 both 不许两边
float 指出对象是否及如何浮动
取值 left 流向对象的右边 right 流向对象的左边
外补丁<margins>
margin-top margin-right margin-bottom margin-left
取值均为 length 百分比
内补丁<paddings>
padding-top padding-right padding-bottom padding-left
边框<border>
border-color 颜色
border-style 边框样式
取值 hidden 隐藏 solid 实线边框 double 双线边框
border-width border-top border-right border-bottom border-left
border-top-color border-top-style border-top-width （ 左右等其他的也具有这些属性）
列表<lists>
list-style:列表样式
表格<table>
border-collapse:边框是否独立
取值：separate 边框独立 collapse 相邻边框被合并
伪类：
a:link：设置在未被访问之前的样式
a:hover 设置鼠标在悬停的时候样式
a:active 对象被用户激活的时候（点击鼠标还未松开的时候）
a:visited 已经被访问后的样式
扫一扫
4897
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
