css

　　什么是CSS：

　　CSS指层叠样式表（Cascading Style Sheets）

　　样式定义如何显示HTML元素

　　样式通常存在样式表中

　　解决内容与表现分离的问题

　　外部样式表可以极大的提高工作效率

　　外部样式表通常存在CSS文件中

　　多个样式定义可层叠为一个

　　CSS规则由两个主要的部分构成：选择器，以及一条或多条声明

　　

　　

　　选择器通常是需要改变样式的HTML元素

　　每条声明由一个属性和一个值组成

　　属相是设置的样式属性，每个属性有一个值。属性和值被冒号分开

　　CSS声明总是以';'分开，声明组以‘{}’括起来

　　指定特定的HTML元素使用class

　　CSS创建

　　外部样式表：当样式需要应用到很多页面时，外部样式表将是理想的选择，在使用外部样式表的时候，可以通过改变整个站点的外观，使用<link> 引用

　　内部样式表：当单个文件需要特殊样式时，应该使用内部样式表，使用<style>标签在文档头部定义内部样式表

　　内联样式：由于要表现和内容混杂在一起，内联样式会损失掉样式表的许多优势

　　多重样式继承

 

　　CSS背景

　　background-color:元素的背景颜色

　　background-image:元素的背景图像（默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体）

　　background-repeat:图像  repeat-x x轴平铺  no-repeat不平铺

　　background-position改变图像在背景中的位置 right top

 　　background-attachment：背景图片是否固定或者随着页面的其余部分滚动

 

　　CSS文本格式

　　颜色值color:red

　　文本的对齐方式：文本排列属性是用来设置文本的水平对齐方式，可居中，对齐左右 两端对齐

　　text-align: left right center justify(实现两端对齐文本效果) inherit(规定应该从父元素继承text-align属性的值)

　　text-decoration:文本修饰主要用来删除链接的下划线 none:标准文本 underline:文本下一条线 overline:文本上一条线 blink:定义闪烁的文本 

　　text-transform:文本转化大小写之类的

　　text-indent:50px文本缩进

　　CSS盒子模型

　　所有的HTML元素可以看作盒子，在CSS中‘box model’ 这一术语用来设计和布局时使用

　　CSS盒模型本质上是一个盒子，封装周围的HTML元素，包括边距、边框、填充、和实际内容，盒模型允许我们在其他元素和周围元素边框之间的空间放置元素

 

display:内联和块转换  none隐藏   inline:内联 行  block：块 列

 position:定位 fixed:元素相对于浏览器窗口是固定位置 即使窗口是滚动的也不会移动

 

 relative:相对定位元素的定位是相对其正常位置

 

absolute:绝对定位元素的位置相对于最近的已定位的父元素，如果没有已定位的父元素，那么相对于《html》

sticky:

 

 重叠元素z-index 0默认层

 

　　Overflow:用于控制内容溢出元素框显示的方式  列入：div高度不够 属性scroll auto

 　　float: left none right  水平浮动  

 

 

　　内层控件再外城控件中居中的写法