CSS知识整理

来源:互联网 发布:淘宝开店上传宝贝技巧 编辑:程序博客网 时间:2024/06/16 21:39

一css简介:
是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
二 CSS的引入方式:
书写方式:CSS 规则由两个主要的部分构成:选择器+一条或多条声明:
1内嵌方式:直接把CSS的代码嵌入到html语句当中。
(1) 使用style属性将样式嵌入到html当中。
(2)修饰属性:属性+属性值。
(3)属性与属性之间用分号间隔。
例句:

hello world

2内部方式
(1)在head部分利用style属性引入,type=”text/css告诉浏览器用css解析器去解析。
(2)(3)同上。
hello world


div{color:red;font-size: 100px;}

3外部模式:将css样式抽取成一个单独css文件 谁去使用谁就引用

(1)在外部创建css单独的修饰文件。
(2)将放入到head部分。
(3) (4)同上。
二CSS选择器:
1基本选择器
(1)元素选择器
html标签名{CSS属性} (放入到head文件标签部分)
(2)id选择器
id唯一性
语法:#id的值{css属性}
(3)class选择器
语法:.class的值{css属性}
2属性选择器
语法:基本选择器[属性=‘属性值’]{css属性}
3伪元素选择器
标签的伪元素选择器
语法:
静止状态 a:link{css属性}
悬浮状态 a:hover{css属性}
触发状态 a:active{css属性}
完成状态 a:visited{css属性}
示例:
Fuck me

0 0