《【知识】css知识点汇总》由会员分享，可在线阅读，更多相关《【知识】css知识点汇总（6页珍藏版）》请在金锄头文库上搜索。
1、学习好资料欢迎下载CSS 学习学问点 |精.|品.|可.|编.|辑.|学.|习.|资.|料. * | * | * | * | |欢.|迎.|下.|载. 1、 css 是什么？CSS Cascadi ng Style Sheet 可译为 层叠样式表”或 级联样式表”，它定义如何显示HTML 元素，用于掌握网页的外观；2、 为什么使用 css ，优点是什么？1：【内容】和【表现】相分别HTML 文件中只存放文本信息，将样式部分放在一个独立样式文件中；页面对搜寻引擎更加友好；2: 提高页面浏览速度采纳 CSS 布局的页面容量要比TABLE 布局的页面文件容量小得多，前者一般只有后者的1/2 大小；3
2、: 易于保护和改版只要简洁的修改对应CSS 文件，就可以重新设计整个网站的页面；4:使用 CSS 布局更符合现在的W3C 标准W3C 组织是对网络标准制定的一个非赢利组织，像HTML 、CSS 、XML 的标准就是由它来定制；3、 CSS 样式表的调用方式哪几种？|1、内部样式：把 CSS 样式表放到 文档中：格式如下： .2、 内联式：把 CSS 样式表写在HTML 对应的标记内；格式如下： 蓝色 14 号文字3、 外部样式： 把编辑好的 CSS 文档储存成“ .CSS ”文件，然后在 中定义；格式如下： .4、 导入样式： 与链入外部样式的功能基本相同，只是语法和实现方式上有差别；格式如下
3、： import urlcss.css; 4、 几种调用方式的优先级？从高到低：内联样式外部样式-内部样式 -导入样式第 1 页，共 5 页学习好资料欢迎下载5、 CSS 的语法 ：CSS 的定义是由三部分构成：挑选器，属性和属性值； |精.|品.|可.|编.|辑.|学.|习.|资.|料. * | * | * | * | |欢.|迎.|下.|载. 语法 ：selector property: value;-挑选符属性 ：值举例： body color:#006666;font-size: 18px;属性和属性值之间是冒号，多个属性值之间用分号隔开；6、css 挑选器分类1、 类挑选器定义：类挑
4、选器依据类名来挑选，前面以”. 来命名口.democolor:#FF0000;使用方法：在HTML 中，标记可以定义一个class 的属性来调用；女口 .2、 id挑选器定义：依据元素ID 来挑选元素，具有唯独性；前面以”#号来标志，如： #democolor:#FF0000; 使用方法：在HTML 中，标记可以定义一个id 的属性来调用；女口 .3、 标签挑选器定义： HTML 页面是有许多不同的标签组成，标签挑选器，就是打算对应标签采纳相应的CSS 样式；使用方法： p font-size :12px; background:#900; color:090; ，页面里对应的p 标记全部应用
5、此样式；4、 伪类挑选器 （针对超链接 ）一般伪类都只会被应用在链接的样式上，格式如下：a:linkcolor: #000099; -带有超链接的文字显示的样式；a:visitedcolor: #000099; -拜访过的超链接显示的样式；a:hovercolor: #000099; -鼠标放在超链接上显示的样式；a:active color: #000099;-鼠标按下去是超链接显示样式；a color: #000099;-标签挑选器 ，链接的颜色；5、后代挑选器（派生挑选器）通过依据元素在其位置的上下文关系来定义样式，可以使标记更加简洁；#demo p color:#ff0000; siz
6、e:14px;6、 通用挑选器通用挑选器用 *来表示；例如： *font-size: 12px;表示全部的元素的字体大小都是12px ；7、 并集挑选器（群组挑选器）当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔；第 2 页，共 5 页学习好资料欢迎下载比如： p, td, li line-height :20px;color:#ff0000;7、常用 CSS缩写语法 |精.|品.|可.|编.|辑.|学.|习.|资.|料. * | * | * | * | |欢.|迎.|下.|载. 在网页设计中使用css 缩写可以帮忙削减你CSS 文件的大小，更加简洁阅读；css 缩写的主要
7、规章如下:、颜色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的值是value3 property:valu
8、e1 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 un
9、d-color:#f00;-背景颜色backgro un d-image:urlbackgro un d.gif; -背景图片background-repeat:no-repeat; -背景图片是否重复background-attachment:fixed;-背景图片是否固定backgro un d-positi on:0 0;-背景图片位置可以缩写为一句：backgrou nd:#f00 urlbackgrou nd.gif no-repeat fixed 0 0;语法是：backgro un d:color image repeat attachme nt positi on;第 3 页，
10、共 5 页学习好资料欢迎下载你可以省略其中一个或多个属性值，假如省略，该属性值将用浏览器默认值默认值为：color: tran spare nt,image: none ,repeat: repeat, attachme nt: scroll,positi on: 0% 0%五、字体 fonts |精.|品.|可.|编.|辑.|学.|习.|资.|料. * | * | * | * | |欢.|迎.|下.|载. 字体的属性如下：fon t-style:italic;字体风格（斜体，正常体等）font-weight:bold; -字体的粗细font-size:1em; -字体的大小line-heig
11、ht:140%; -字体的行距font-family:Lucida Grande,sans-serif;-字体系列 宋体，楷体等 可以缩写为一句：fon t:italic small-c aps bold 1em/140% Lucida Gran de,sa ns-serif;留意，假如你缩写字体定义，至少要定义font-size和 font-family两个值；六、列表 listslist 的属性如下 ：list-style-type:square; none代表什么都没有 list-style-positi on:i nside;list-style-image:urlimage.gif;可以缩写为一句：list-style:squa
