码迷,mamicode.com
首页 > Web开发 > 详细

CSS基本知识点(01)

时间:2017-08-10 23:46:47      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:family   style   ble   tab   ext   hit   元素   chm   字体   

0、未完,还有一部分未写

1、CSS背景

  属性                     描述
  background              简写属性,作用是将背景属性设置在一个声明中。
  background-attachment     背景图像是否固定或者随着页面的其余部分滚动。
  background-color          设置元素的背景颜色。
  background-image        把图像设置为背景。
  background-position        设置背景图像的起始位置。
  background-repeat        设置背景图像是否及如何重复。

2、 CSS文本

  属性           描述
  color          设置文本颜色
  direction         设置文本方向。
  line-height         设置行高。
  letter-spacing      设置字符间距。
  text-align        对齐元素中的文本。
  text-decoration    向文本添加修饰。
  text-indent         缩进元素中文本的首行。
  text-transform      控制元素中的字母。
  unicode-bidi        设置文本方向。
  white-space        设置元素中空白的处理方式。
  word-spacing       设置字间距。

3、CSS字体

  属性        描述
  font        简写属性。作用是把所有针对字体的属性设置在一个声明中。
  font-family        设置字体系列。
  font-size      设置字体的尺寸。
  font-style       设置字体风格。
  font-variant      以小型大写字体或者正常字体显示文本。
  font-weight      设置字体的粗细。

4、CSS链接

  a:link - 普通的、未被访问的链接
  a:visited - 用户已访问的链接
  a:hover - 鼠标指针位于链接的上方
  a:active - 链接被点击的时刻

  当为链接的不同状态设置样式时,请按照以下次序规则:
  a:hover 必须位于 a:link 和 a:visited 之后
  a:active 必须位于 a:hover 之后

  text-decoration 属性大多用于去掉链接中的下划线

5、CSS列表属性(list)

  属性          描述
  list-style        简写属性。用于把所有用于列表的属性设置于一个声明中。
  list-style-image     将图象设置为列表项标志。
  list-style-position     设置列表中列表项标志的位置。
  list-style-type     设置列表项标志的类型。

6、CSS表格属性(Table)

  属性          描述
  border
  border-collapse       设置是否把表格边框合并为单一的边框。
  border-spacing        设置分隔单元格边框的距离。
  caption-side        设置表格标题的位置。
  empty-cells         设置是否显示表格中的空单元格。
  table-layout        设置显示单元、行和列的算法。

7、盒子模型

  margin:外边距
  外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
  padding:内边距
  border:边框
  border-style、border-color、border-width
  内容

8、CSS定位(position)

  1、相对定位(relative)
    1、占用文档流
    2、是基于原来文档流中的位置
    3、以边框为基准
  2、绝对定位(absolute)
    1、脱离文档流
    2、是以浏览器窗口为基本位置
    3、以边框为基准
  3、fixed
    相对于窗口的定位
  4、浮动(float)
    1、脱离文档流
    2、会把内容挤掉
    clear:
    清除前面的元素浮动对后面元素的影响
  5、relative和absolute混用
    1、元素作为容器时,设置为relative,其内部元素如果是absolute,内部元素以容器为基准

 

CSS基本知识点(01)

标签:family   style   ble   tab   ext   hit   元素   chm   字体   

原文地址:http://www.cnblogs.com/baben/p/7341903.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!