HTML学习笔记-CSS

css概念:

css全称Cascading Style Sheet,即层叠样式表.它重新定义了HTML中原来的文字显示样式，增加了一个新概念，如类、层等，可以对文字重叠、定位。

css语法规则：

选择符{

    属性：属性值

}

选择符：又称选择器，所有HTML中的标记都是通过不同的CSS选择器进行控制的。

属性：主要包含字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。但是某些属性只被部分浏览器支持。

属性值：是某属性的有效值。多个属性之间用”;”分隔开。

css选择器:

css选择器常用标签选择器、类别选择器、id选择器等。可以通过选择器可对不同的HTML标记进行控制，从而实现不同的鲜果。

背景属性：

background-attachment: 背景图片是否固定 background-color:  这是背景色

background-image:  设置图片背景

 background-position:  设置背景图片的起始位置

 background-repeat:  设置图片是否及如何重复

文本属性：通过文本属性，可以改变文本的颜色、字符间距、对齐文本、装饰文本及文本缩进等操作

color：文本颜色

direction:文本方向

line-height:行高

text-align:对齐元素中的文本

text-indent:缩进元素中文本的首行

text-transform:元素中的字母

轮廓:

outline:设置轮廓属性

outline-color:设置轮廓颜色

outline-style:设置轮廓样式

outline-width:设置轮廓宽度

字体属性：

定义文本的字体系列、大小、加粗、风格和变形等。

font-family:  设置字体系列

font-size:  字体尺寸

font-style:  字体风格

font-variant:  以小型或正常字体显示文本

font-weight:  字体粗细

列表属性:

list-style:none 去掉圆点

表格:

border:表格边框

border-collapse:折叠边框

widows/height:表格宽高

text-align:表格文本对齐

padding:表格内边距

background-color:表格颜色

css定位:改变元素在页面上的位置

定位属性

position:把元素放在一个静态的、相对的、绝对的或固定的位置中。

top:元素向上的偏移量。

left:元素向左的偏移量。

right:元素向右的偏移量。

bottom:元素向下的偏移量。

overflow:设置元素溢出其区域发生的事情。

top、left、right、bottom只能在使用定位时才能生效,相对于相对属性(参照物)的距离.

position属性主要包含4个值：

static:偏移属性没有效果

relative:相对位置

absolute:绝对位置

fixed:固定定位,随页面滑动而滑动

clear属性可以去掉浮动效果

relative 只设置这个属性 不会改变当前元素的形态。

absoult 会去上一层找一个默认的相对属性（relative）,如果没有，在去上一层。简称父相子绝。

浮动属性:如果块级元素想要在同行显示必须脱离当前正常文档流

脱离当前正常文档流，漂流，在当前自身所占区域（无法挤占其他已确定的区域）进行浮动

当前元素所占大小即为自身内容大小

z-index:设置图层，值越大，越先显示。