HTML5网页设计样式-基本CSS选择器

选择器是用来定位CSS样式代码控制的对象，实现各种效果。主要包括基本选择器和复合选择器。

基本CSS选择器

1.标记选择器

每一种HTML标记的名称都可以作为相应的选择器名称，基本格式如下：

标记名称{属性1:属性值1;属性2:属性值2;}

例如，当我想给所有的<p>标签色设置相同的颜色、字体大小和背景颜色时：

2.类别选择器

标记选择器一旦声明，HTML文件中所有的相应标记都会产生变化，如果希望其中的某一个标记不产生相应的变化，这时候需要使用类别选择器（通常称为类选择器），基本格式如下：

.类别名称{属性1:属性值1;属性2:属性值2;}

例如，当我想分别给三个<p>标签设置不同的颜色和字体大小时：

3.ID选择器

id选择器的使用方法和类别选择器使用方法基本相同，不同之处在于id属性的属性值最好各不相同，基本格式如下：

#id名{属性1:属性值1;属性2:属性值2;}

例如：

注意区分：

ID选择器：如省份证号，唯一的（相对较少使用）

Class选择器：如姓名，允许重名，可以很多人一样（使用更多）

HTML5网页设计样式-基本CSS选择器相关推荐

HTML5网页设计样式-CSS基础知识
CSS概念 CSS(Cascading Style Sheet),中文译为层叠样式表,是用于控制网页内容的外观(样式),并允许将样式信息和网页内容分离的一种标记语言. HTML与CSS的关系:&quo ...
HTML5网页设计样式-CSS设置文字样式
字体 font-family 文字大小 font-size 文字的加粗 font-weight 文字的倾斜 font-style 以上四个在这篇已经有过大致介绍(见http://t.csdn.cn/I ...
网页制作 css样式,网页设计与制作-CSS样式.ppt
网页设计与制作-CSS样式第四章CSS样式 4．1 CSS样式的定义和使用 4.1.1什么是CSS CSS(Cascading Style Sheet,层叠样式表)是一种格式化网页的标准方式,它扩展 ...
div+css静态网页设计——防锤子手机商城官网 (1页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:防锤子手机商城网站设计--防锤子手机商城官网 (1页) HTML5网页设计成品文章目录 HTML5期末大作业:防锤子手机商城网站设计--防锤子手机商城官网 (1页) HTML5 ...
网页设计作业成品 HTML+CSS+JS大作业——汽车保险销售综合商城(44页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作
HTML+CSS+JS大作业--汽车保险销售综合商城(44页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作文章目录 HTML+CSS+JS大作业--汽车保险销售综合商城(4 ...
HTML5期末大作业：鲜花超市网站设计——鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:鲜花超市网站设计--鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作作品介绍 1.网页作品简介 ...
HTML+CSS网页设计期末课程大作——XXXXX (X页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作
HTML+CSS网页设计期末课程大作--XXXXX (X页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商 ...
div+css静态网页设计——迪斯尼公主滚动特效(7页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:电影网站设计--迪斯尼公主滚动特效(7页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游 ...
HTML+CSS+JS——动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:动漫网站设计--动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页设计. 文章目录 HTML5期末大作业:动漫网站设计--动漫风二次元论坛(2页) HTML5网页 ...

HTML5网页设计样式-基本CSS选择器

基本CSS选择器

HTML5网页设计样式-基本CSS选择器相关推荐

最新文章

热门文章