天猫优惠券网站怎么做的,智慧城市,平面设计广告公司,自己做的网站打开太慢类选择器
类选择器在css样式编码中是最常用到的#xff0c;如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。
语法#xff1a;
.类选器名称{css样式代码;}
注意#xff1a;
1、英文圆点开头
2、其中类选器名称可以任意起名#xff08;但不…类选择器
类选择器在css样式编码中是最常用到的如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。
语法
.类选器名称{css样式代码;}
注意
1、英文圆点开头
2、其中类选器名称可以任意起名但不要起中文噢
使用方法
第一步使用合适的标签把要修饰的内容标记起来如下
span胆小如鼠/span
第二步使用class类选择器名称为标签设置一个类如下
span classstress胆小如鼠/span
第三步设置类选器css样式如下
.stress{color:red;}/*类前面要加入一个英文圆点*/
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title认识html标签/title
style typetext/css
.stress{color:red;
}
.setGreen{color:green;
}
/style
/head
bodyh1勇气/h1p三年级时我还是一个span classstress胆小如鼠/span的小女孩上课从来不敢回答老师提出的问题生怕回答错了老师会批评我。就一直没有这个span classstress勇气/span来回答老师提出的问题。学校举办的活动我也没勇气参加。/pspan classsetGreen公开课/spanp到了三年级下学期时我们班上了一节公开课老师提出了一个很简单的问题班里很多同学都举手了甚至成绩比我差很多的也举手了还说着我来我来。我环顾了四周就我没有举手。/pimg srchttp://img.mukewang.com/52b4113500018cf102000200.jpg
/body
/html
运行结果 ID选择器
在很多方面ID选择器都类似于类选择符但也有一些重要的区别
1、为标签设置idID名称而不是class类名称。
2、ID选择符的前面是井号#号而不是英文圆点.。
右侧代码编辑器中就是一个ID选择符的完整实例。
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title认识html标签/title
style typetext/css
#stress{color:red;
}
#setGreen{color:green;
}
/style
/head
bodyh1勇气/h1p三年级时我还是一个span idstress胆小如鼠/span的小女孩上课从来不敢回答老师提出的问题生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。/pspan idsetGreen公开课/spanp到了三年级下学期时我们班上了一节公开课老师提出了一个很简单的问题班里很多同学都举手了甚至成绩比我差很多的也举手了还说着我来我来。我环顾了四周就我没有举手。/p/body
/html
运行结果
