最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS中的id选择器和class选择器简单介绍_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:10:38
文档

CSS中的id选择器和class选择器简单介绍_html/css_WEB-ITnose

CSS中的id选择器和class选择器简单介绍_html/css_WEB-ITnose:CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器。那么我们现在来一个一个的介绍这两中选择器 id选择器: HTML中的元素属性用id来设置id选择器,CSS中的id选择器是用#来定义的 比如: #
推荐度:
导读CSS中的id选择器和class选择器简单介绍_html/css_WEB-ITnose:CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器。那么我们现在来一个一个的介绍这两中选择器 id选择器: HTML中的元素属性用id来设置id选择器,CSS中的id选择器是用#来定义的 比如: #


CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性,
你要在元素中设置id和class选择器。那么我们现在来一个一个的介绍这两中选择器
id选择器:
HTML中的元素属性用id来设置id选择器,CSS中的id选择器是用“#”来定义的
比如:
#para1
{
text-align:center;
color:red;
}
这样就定义了一个选择器,什么是选择器,在网上查的是说需要改变的HTML元素,很正确,在一开始我们的内部样式定义的时候我们想让段落或者是标题呈现怎样的样式,我们可以在开头head之间定义样式,也就是
p{
color:red;
}这样来改变我们文档中的段落的颜色,但是我们想一下,这样在开始进行定义,我们的段落需要定义,标题也需要定义,这样是不是有点麻烦,我们就想可不可以定义一个样式,在标题中可以用在样式中也可以用,其实很容易是实现,我们可以通过在文档中写的时候设置标题和段落的属性id和class让其值为我们定义的样式,这样就可以定义一次样式,大家都使用了,其实编程不就是这样的,创建一个大家都可以使用,这样就可以节省大家的时间,其实一个公用也许就是编程的开始思想吧。那么我们这样公用的样式该怎样的定义,这个定义的过程我们要考虑段落者是标题在使用的时候,该设置为id的值还是class的值,对应的就产生了两种选择器一个是id选择器,一个是class选择器,他们定义的方法是有区别的。
我们来看一个例子使用的是id选择器:-->








Hello World


Hello


This is a paragraph who is not affected by the style




class选择器用于描述一组元素的样式,class选择器和id选择器的不同之处在
class选择器可以 在多个元素中使用,class选择器在HTML中一class属性
表示的,在CSS中类选择器是“.”显示的








标题居中


段落居中



-->

文档

CSS中的id选择器和class选择器简单介绍_html/css_WEB-ITnose

CSS中的id选择器和class选择器简单介绍_html/css_WEB-ITnose:CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器。那么我们现在来一个一个的介绍这两中选择器 id选择器: HTML中的元素属性用id来设置id选择器,CSS中的id选择器是用#来定义的 比如: #
推荐度:
标签: html css 选择器
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top