css 初学自我总结

学习的地址 : 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 内边距

 注:不要给元素添加具有指定宽度的内边距,而是尝试将内边距或外边距添加到元素的父元素和子元素。

        当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并 

猜你喜欢

转载自blog.csdn.net/shuang__zi/article/details/85113011