css样式的书写----选择器

选择器:
div{
font-size:16px;
color:blue;
}
这里的div就是选择器。
选择器具体有3种:
a、标签选择器
b、类选择器
c、ID选择器

----------------------------------分割线---------------------------------------

a、标签选择器
顾名思义就是html的标签就是选择器了:
div{
font-size:16px;
color:blue;
}

div h1 p ul li ol.....等都可以做标签选择器。

----------------------------------分割线-------------------------------------------------

b、类选择器
类选择器在使用前,要在html里的元素添加属性class="name"(name是随便取的名字)
属性class可以重复使用。
在css文件里的书写:
.name {
font-size:16px;
color:blue;
}

----------------------------------分割线-------------------------------------------------
c、ID选择器

ID选择器在使用前,要在html里的元素添加属性id="usename"(usename是随便取的名字)
属性id是唯一,同一个html文件里,不能出现多个一样的id。
在css文件里的书写:

usename {

    font-size:16px;
    color:blue;
     }

----------------------------------分割线-------------------------------------------------

优先级:行内样式>id选择器>class选择器>标签选择器
如果换算成值:
id选择器:无限大
类选择器:100
标签选择器:1

----------------------------------分割线-------------------------------------------------
如果对两个不同名的的元素添加相同的属性,可以使用群组选择器。
例如:
div , .name, #usename {
font-size:16px;
color:blue;
}
中间使用逗号“,”隔开,这样不同的选择器就可以赋予相同的属性了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的...
    珍此良辰阅读 1,938评论 2 15
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,181评论 0 40
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,098评论 0 1
  • FreeCodeCamp - HTML5 and CSS 发现原来在另外一台电脑学 FreeCodeCamp 的时...
    付林恒阅读 9,451评论 2 17