CSS Id 和 Class选择器

如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:CSS 边框属性(Border 和 Outline)属性描述CSSborder在一个声明中设置所有的边框属性。1border-bottom在一个声明中设置所有的下边框属性。1border-bottom-color设置下边框的颜色。2border-bottom-style设置下边框的样式。2border-bottom-width设置下边框的宽度。1border-color设置四条边框的颜色。1border-left在一个声明中设置所有的左边框属性。1border-left-color设置左边框的颜色。2border-left-style设置左边框的样式。2border-left-width设置左边框的宽度。1border-right在一个声明中设置所有的右边框属性。1border-right-color设置右边框的颜色。2border-right-style设置右边框的样式。2border-right-width设置右边框的宽度。1border-style设置四条边框的样式。1border-top在一个声明中设置所有的上边框属性。1border-top-color设置上边框的颜色。2border-top-style设置上边框的样式。2border-top-width设置上边框的宽度。1border-width设置四条边框的宽度。1outline在一个声明中设置所有的轮廓属性。2outline-color设置轮廓的颜色。2outline-style设置轮廓的样式。2outline-width设置轮廓的宽度。2border-bottom-left-radius定义边框左下角的形状。3border-bottom-right-radius定义边框右下角的形状。3border-image简写属性,设置所有 border-image-* 属性。3border-image-outset规定边框图像区域超出边框的量。3border-image-repeat图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。3border-image-slice规定图像边框的向内偏移。3border-image-source规定用作边框的图片。3border-image-width规定图片边框的宽度。3border-radius简写属性,设置所有四个 border-*-radius 属性。3border-top-left-radius定义边框左上角的形状。3border-top-right-radius定义边框右下角的形状。3box-decoration-break规定行内元素被折行3box-shadow向方框添加一个或多个阴影。3

(0)

相关推荐

  • 如何玩转CSS的Id 和 Class选择器?

    id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. 1.id 选择器 id 选择器可以 ...

  • CSS与SCSS的选择器总结

    选择器可以选择类(或ID).标签.类(或ID)与标签组合表示方式为:类标签IDHTMLclass="cla"<lab>id="num"CSS.cla ...

  • css选择器之基本选择器

    什么是选择器呢?每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是"选择器". "选择器"指明了{ ...

  • [css] 第113天 标签、class和id选择器三者的区别是什么?分别在什么时候用?

    今日试题: 标签.class和id选择器三者的区别是什么?分别在什么时候用? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我 ...

  • 【11】css 基本功:引入方式及选择器相关

    vue 组件开发,必须熟悉基本的 css 知识及技巧. 目录 1.原生 css 的三种引用方式 2.组件开发中的选择器 2.1.深度作用选择器 2.2.不使用类型选择器 3.css 选择器 1.原生 ...

  • 小白入门你教程CSS选择器

    CSS越来越重要是大家中所周之的,但是还有很多人不知道CSS有哪些基本选择器和高级选择器?下面我们来总结一下. CSS有哪些基本选择器和高级选择器? ID选择器>类选择器>标签选择器 行内 ...

  • CSS第一天-02-CSS基础选择器

    第01阶段.前端基础.CSS基础选择器 CSS选择器(重点) 学习目标: 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用(重点 ...

  • 教你玩转CSS 分组选择器和嵌套选择器

    分组选择器 在样式表中有很多具有相同样式的元素. h1 { color:green; } h2 { color:green; } p { color:green; } 为了尽量减少代码,你可以使用分组 ...

  • css选择器有哪些, 选择器的权重优先级

    特殊性 css继承是从一个元素向其后代元素传递属性值所采用的机制.确定应当向一个元素应用哪些值时,浏览器不仅要考虑继承,还要考虑声明的特殊性,另外需要考虑声明本身的来源.这个过程就称为层叠.--< ...