css知识点汇总.docVIP

CSS学习知识点 1、css是什么？ CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML元素，用于控制网页的外观。 2、为什么使用css，优点是什么？ 1：【内容】和【表现】相分离 HTML文件中只存放文本信息，将样式部分放在一个独立样式文件中。页面对搜索引擎更加友好。 2：提高页面浏览速度 采用CSS布局的页面容量要比TABLE布局的页面文件容量小得多，前者一般只有后者的1/2大小。 3：易于维护和改版 只要简单的修改对应CSS文件，就可以重新设计整个网站的页面。 4: 使用CSS布局更符合现在的W3C标准 W3C组织是对网络标准制定的一个非赢利组织，像HTML、CSS、XML的标准就是由它来定制。 3、CSS样式表的调用方式哪几种？ 1、内式把CSS放到head文档中： style type=“text/css” …… /style 2、内联 3、外部样式：把编辑好的CSS文档保存成“.CSS”文件，然后在head中定义。 格式如下： head link rel=stylesheet href=css的文件地址...../head 4、导入样式与链入外部样式的功能基本相同，只是语法和实现方式上有差别CSS的语法: CSS的定义是由三部分构成: 选择属性和属性值。 语法: selector {property: value} --------------------- 选择符{属性:值} body {color:#006666;font-size: 18px;} 属性和属性值之间是冒号，多个属性值之间用分号隔开。 6、css选择器分类 1、类选择器 定义：类选择器根据类名来选择前面以””来，如.demo{color:#FF0000;} 在HTML中，可以定义一个class的属性。如 class=demo ..../p id选择器 定义：根据元素ID来选择元素，具有唯一性。前面以”#”号来标志，：#demo{color:#FF0000; } 在HTML中，可以定义一个的属性。如=demo ..../p 标签选择器 HTML页面是有很多不同的标签组成，标签选择器，则是决定标签采用相应的CSS样式p{ font-size:12px; background:#900; color:090; } ，页面里对应的p标记全部应用此样式。 伪类选择器(针对超链接) 一般伪类都只会被应用在链接的样式上a:link{color: #000099;} --------------------------带有超链接的文字显示的样式。 a:visited{color: #000099; } ---------------------访问过的超链接显示的样式。　　 a:hover{; } ----------------------鼠标放在超链接上显示的样式。 a:active {color: #000099;}-----------------------鼠标按下去是超链接显示样式。 a {color: #000099;}-------------------------------标签选择器,链接的颜色。 5、后代选择器（派生选择器） 通过依据元素在其位置的上下文关系来定义样式，可以使标记更加简洁。 通用选择器 通用选择器用*来表示。例如：*{font-size: 12px;} 表示所有的元素的字体大小都是12px群组选择器当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔。 如：p, td, li {line-height:20px;color:#ff0000;} 7、常用CSS缩写语法 小型大写字母的字体显示body { color:#006666; font-size:18px;} ID选择器只能在html文档中出现一次。 在现代布局中，id选择器常常用于建立派生选择器。 在一个div里，如何让内容垂直居中？ 方式是设置line-height属性，属性值为div的高度。 在ul无序列表里，让内容居左对齐。 设置ul的margin:0px;padding:0px Div如何居中？ 设置margin:0 auto;