美文网首页
css样式的书写----选择器

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

作者: 风之旅途 | 来源:发表于2017-02-18 17:17 被阅读0次

选择器:
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;
}
中间使用逗号“,”隔开,这样不同的选择器就可以赋予相同的属性了。

相关文章

  • CSS

    CSS三种书写方式 外部样式 行内样式 页内样式 CSS选择器 前三个选择器比较常用 CSS属性 可继承属性 不可...

  • CSS

    一、CSS样式 外链样式: 页内样式: 行内样式: 二、CSS选择器: 4种基础选择器:标签选择器、class选择...

  • css代码规范

    CSS选择器 CSS执行顺序 CSS书写顺序 CSS规范 CSS命名规则 语义化当清除所有自定义的样式与布局,只使...

  • CSS基础(表现标准)

    css选择器分类 基础选择器 标签选择器 类选择器 ID选择器 复合选择器 样式表书写位置 选择器 写法:选择器{...

  • 关于css的一些简单样式

    关于css的一些简单样式 一、css选择器选择器名称{ 样式名:样式值 } 1)加入id属性css中写#i...

  • CSS简介

    一、CSS语法规范 选择器{样式}——>给谁改样式{改什么样式} 1、选择器是用于指定CSS样式的HTML标签,花...

  • CSS基础

    概念 CSS指层叠样式表(级联样式表),作用是用来美化html标签 书写位置 选择器 选择器是一个选择谁的过程 基...

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

  • 类选择器 ID选择器 后代选择器 子元素选择器 交集选择器 并集

    一、类选择器.类选器名称{css样式代码;} 二、ID选择器。 ID选择器名称{css样式代码;} 三、后代选择器...

  • About CascadingStyleSheets

    1.引用样式 行间样式 页面级Css 外部css文件 2.常见选择器 id选择器 class选择器 属性选择器 标...

网友评论

      本文标题:css样式的书写----选择器

      本文链接:https://www.haomeiwen.com/subject/cdorwttx.html