学习的地址 : http://www.w3school.com.cn/css/css_syntax.asp
一 、基础概念
1.根据 CSS,子元素从父元素继承属性。(但是并非所有的浏览器都会兼容此)
2.id 选择器 (每个html只能出现一次)
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
id 选择器以 "#" 来定义。
3.类选择器以一个点号显示
4.派生选择器,即在某个元素下的子元素进行设置。
例子:
.fancy td
{
color: #f60;
background: #666;
}
以上就是一个类选择器下的一个 td标签的属性设置
二、样式
背景
background-color 背景色(不能继承,其默认值是 transparent。transparent 是“透明”)
background-image 背景图像 例子:body {background-image: url(/i/eg_bg_04.gif);}
background-repeat 背景图片的显示方式
background-position 图片在背景中的位置 (top、bottom、left、right 和 center,也可用50% 50% 的点(中心点))
文本
text-indent 所有元素的第一行都可以缩进一个给定的长度 (可继承)
text-align 一个元素中的文本行互相之间的对齐方式 ( left、right 和 center)
word-spacing 可以改变字(单词)之间的标准间隔
letter-spacing 字母之间的间隔
text-decoration 文本装饰,下划线上划线等(none,underline,overline,line-through,blink)
字体
font-family 字体指定
font-style 字体风格 (normal - 文本正常显示,italic - 文本斜体显示,oblique - 文本倾斜显示)
font-weight 设置字体粗细
font-size 字体大小
表格
border: 1px solid blue 表格边框
三、框模型
margin 外边距
padding 内边距
注:不要给元素添加具有指定宽度的内边距,而是尝试将内边距或外边距添加到元素的父元素和子元素。
当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并