复习HTML+CSS(9)
2018-06-24 02:22:26来源:未知 阅读 ()
n CSS简介
CSS:Cascading Style Sheets 层叠样式表
CSS的主要目的:是给HTML标记添加各种各样的表现(格式、样式)。比如:文字样式、背景、文本样式、链接样式。
提示:CSS是给HTML标记加的样式:JS是给HTML标记加的行为。HTML标记是最先出现的。
HTML超文本标注语言:各种HTML标记。
CSS层叠样式表:给HTML标记加的样式。
JavaScript脚本程序:给HTML标记加的程序。
n CSS语法格式
- 一个CSS规则,有“选择器”和“格式声明语句”构成
- “选择器”:就是选择HTML标记,换句话说:就是给哪个HTML标记加样式。
- “格式声明语句”:有{ }构成,{ }中是各种格式语句。
- 一条格式,有“属性名:属性值”构成。
- 每一条格式语句,必须用英文下分号“;”结束
- 属性名,就是CSS中的各种属性,这些属性名都是固定的。
- 属性值,一个属性名可以取不同的值,这个值不加引号。
- CSS中的数字单位都是px,不能省略。
n CSS选择器
- 基本选择器
(1)“*”选择器:通配符
l 描述:将匹配所有的HTML标记,所有的标记都会改变的。
l 语法:*{color:#f00;}
l 注意:“*”尽量少用,因为IE6不支持。
(2)标签选择器
n 描述:将匹配指定的HTML标记
n 语法:h1{color:#f00;}
n 注意:HTML标签选择器,与HTML标记的名称一样,但不能加尖括号。
(3)class选择器(类选择器)——类选择器是使用频率最高的
u 描述:给一类HTML标记加样式。这里所指的“一类”是:每个HTML标记都有一个class属性,且class的值一样。Class属性是公共属性,每个HTML标记都有。
u 类选择器的名称,必须以“.”开头,后跟HTML标记的class属性的值,如:.box{color:#ccc;}
u HTML标记的class属性的值,不能以数字开头。
(4)id选择器
u 描述:给指定id的元素添加样式。
u 注意:网页中HTML标记的id属性的值,必须是唯一的。
u 每一个HTML标记都有一个id的公共属性。
u 注意:id属性一般是给JS使用的,不是让你来加样式的。
u Id选择器的名称,必须以“#”开头,后跟HTML标记的id属性的值。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash