复习HTML+CSS(9)

2018-06-24 02:22:26来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

CSS简介

CSS:Cascading Style Sheets 层叠样式表

CSS的主要目的:是给HTML标记添加各种各样的表现(格式、样式)。比如:文字样式、背景、文本样式、链接样式。

 

提示:CSS是给HTML标记加的样式:JS是给HTML标记加的行为。HTML标记是最先出现的。

 

HTML超文本标注语言:各种HTML标记。

CSS层叠样式表:给HTML标记加的样式。

JavaScript脚本程序:给HTML标记加的程序。

 

 

 

 

 

CSS语法格式

 

 

  • 一个CSS规则,有“选择器”和“格式声明语句”构成
  • “选择器”:就是选择HTML标记,换句话说:就是给哪个HTML标记加样式。
  • “格式声明语句”:有{ }构成,{ }中是各种格式语句。
  • 一条格式,有“属性名:属性值”构成。
  • 每一条格式语句,必须用英文下分号“;”结束
  • 属性名,就是CSS中的各种属性,这些属性名都是固定的。
  • 属性值,一个属性名可以取不同的值,这个值不加引号。
  • CSS中的数字单位都是px,不能省略。

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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML & CSS设计与构建网站 ([美]达科特) PDF原版?

下一篇:妙用 scale 与 transfrom-origin,精准控制动画方向