css知识点汇总

1、名师整理精华知识点CS坤习知识点1、css是什么？CSS (Cascading Style Sheet )可译为“层叠样式表或级联样式表”，它定义如何显示 HTML元素，用于控制网页的外观。2、为什么使用css ,优点是什么？1：【内容】和【表现】相分离HTM戊件中只存放文本信息，将样式部分放在一个独立样式文件中。页面对搜索引擎更加友好。2:提高页面浏览速度采用CSS布局的页面容量要比TABLED局的页面文件容量小得多，前者一般只有后者的1/2大小。3:易于维护和改版只要简单的修改对应 CSS文件，就可以重新设计整个网站的页面。4:使用CSS布局更符合现在的亚3瓶准W3C组织是对网络标准制定的

2、一个非赢利组织，像HTML、CSS、XML的标准就是由它来定制。3、CSS样式表的调用方式哪几种？1、内部样式：把CSS样式表放到文档中：格式如下： 2、内联式： 把CSS样式表写在 HTML对应的标记内。格式如下： 蓝色 14 号文字 3、外部样式：把编辑好的CSS文档保存成“ .CSS”文件，然后在中定义。格式如下： .4、导入样式：与链入外部样式的功能基本相同，只是语法和实现方式上有差别。格式如下： import url(css.css); 4、几种调用方式的优先级？从高到低： 内联样式外部样式内部样式导入样式5、CSS的语法：CSS的定义是由三部分构成：选择器，属性和属性值。语法：se

3、lector property: value; 选择符 属性:值举例：body color:#006666;font-size: 18px;属性和属性值之间是冒号，多个属性值之间用分号隔开。6、css选择器分类1、类选择器定义：类选择器根据类名来选择，前面以.”来命名，如.democolor:#FF0000;使用方法：在HTML中，标记可以定义一个 class的属性来调用。如 .2、id选择器定义：根据元素ID来选择元素，具有唯一性。前面以#号来标志，如：#democolor:#FF0000; 使用方法：在HTML中，标记可以定义一个 id的属性来调用。如 .3、标签选择器定义：HTML页面是

4、有很多不同的标签组成，标签选择器，则是决定对应标签采用相应的CSS样式。使用方法：p font-size :12px; background:#900; color:090; ,页面里对应的 p标记全部应用此样式。4、伪类选择器（针对超链接）一般伪类都只会被应用在链接的样式上，格式如下：a:linkcolor: #000099; 带有超链接的文字显示的样式。a:visitedcolor: #000099; 访问过的超链接显示的样式。a:hovercolor: #000099; 鼠标放在超链接上显示的样式。a:active color: #000099; 鼠标按下去是超链接显示样式。a colo

5、r: #000099; 标签选择器，链接的颜色。5、后代选择器（派生选择器）通过依据元素在其位置的上下文关系来定义样式，可以使标记更加简洁。#demo p color:#ff0000; size:14px;6、通用选择器通用选择器用*来表示。例如：*font-size: 12px;表示所有的元素的字体大小都是12px。7、并集选择器（群组选择器）当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔。比如：p, td, li line-height :20px; color:#ff0000;7、常用CSS缩写语法在网页设计中使用 css缩写可以帮助减少你CSS文件的大小，更加容易阅

6、读。css缩写的主要规则如下:一、颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;二、盒尺寸通常有下面四种书写方法：property:value1;表示所有边都是一个值valuel;property:value1 value2;表示 top 和 bottom 的值是 value1,right 和 left 的值是 value2property:value1 value2 value3;表示 top 的值是 value1, right 和 left 的值是 value2, bottom 的值是 value3prop

7、erty:value1 value2 value3 value4;四个值依次表示 top,right,bottom,left方便的记忆方法是顺时针： 上、右、下、左。具体应用在 margin 和 padding的例子如下：margin:1px 0 2px 5px;三、边框（border）边框的属性如下：border-width:1px; 边框宽度border-style:solid; 边框样式（实线，虚线等）border-color:#000;边框颜色可以缩写为一句：border:1px solid #000;（属性值没有顺序。）四、背景(Backgrounds)背景的属性如下：backgro

8、und-color:#f00; 背景颜色background-image:url(background.gif); 背景图片background-repeat:no-repeat; 背景图片是否重复background-attachment:fixed; 背景图片是否固定background-position:。0; 背景图片位置可以缩写为一句：background:#f00 url（background.gif） no-repeat fixed 0 0;语法是： background:color image repeat attachment position;你可以省略其中一个或多个属性值

9、，如果省略，该属性值将用浏览器默认值默认值为：color: transparent, image: none, repeat: repeat, attachment: scroll, position: 0% 0%五、字体（fonts）字体的属性如下：font-style:italic; 字体风格（斜体，正常体等）font-variant:small-caps; 字体的小型大写字母的字体显示font-weight :bold; 字体的粗名田font-size:1em; 字体的大小line-height :140%; 字体的行距font-family :Lucida Grande,sans-se

10、rif; 字体系列(宋体,楷体等)可以缩写为一句：font:italic small-caps bold 1em/140% Lucida Grande,sans-serif;注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。六、列表(lists)list的属性如下：list-style-type:square; (none 代表什么都没有 )list-style-position:inside;list-style-image:url(image.gif);可以缩写为一句：list-style:square inside url(image.gif);取消默认的圆点和序号可以这样写list-style:none;,CSSa意事项：1、如果属性值是若干单词，则要给值加上引号；比如：pfont-family:Georgia, sans serif,Palatino;2、CSS语法里不分大小写，(日.是元素在调用id和class是区分大小写的。比如：#dividcolor:#FFFF00; size:20px;,调用时应写成 id=divid,不能写 id=DIVID 。 class也一样。3、养成写完每个属性值后加上“；”号的好习惯。比如：body color:#006666; font-size:18px;4、