宠物资讯官网怎么样

宠物资讯下载

159-3456-2110 

新闻中心
客户案例
新闻中心

web前端:CSS的三种选择器

发布时间:2019-06-12

web前端:CSS的三种选择器

  标签选择器  标签选择器其实就是html代码中的标签。

如右侧代码编辑器中的html、body、、、img。

例如下面代码:  p{font-size:12px;line-height:;}  上面的css样式代码的作用:为p标签设置12px字号,行间距设置的样式。

  类选择器  类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。

  语法:  .类选器名称{css样式代码;}  注意:  1、英文圆点开头  2、其中类选器名称可以任意起名(但不要起中文噢)  使用方法:  第一步:使用合适的标签把要修饰的内容标记起来,如下:  span胆小如鼠/span  第二步:使用class="类选择器名称"为标签设置一个类,如下:  spanclass="stress"胆小如鼠/span  第三步:设置类选器css样式,如下:  .stress{color:red;}/*类前面要加入一个英文圆点*/  这是我的web前端交流学习裙:前面是四八四,中间七五七,最后七六零,会有老师分享干货学习视频,帮助大家分析解答问题,欢迎大家加入  ID选择器  在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别:  1、为标签设置id="ID名称",而不是class="类名称"。

  2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。

  右侧代码编辑器中就是一个ID选择符的完整实例。