:not选择器 如果对某个结构元素使用样式,但是想排除这个结构元素下面的子结构元素,让它不使用这个样式,可以使用:not选择器。...2个或倒数第2个子元素,这两个选择器就不起作用了。...PS:在用标签进行嵌套时要注意,标签不能嵌套块级元素甚至不能嵌套元素,只能嵌套内联元素,不然对嵌套的块级元素设置CSS不起作用。...DOCTYPE html> h1:only-child.../li> 页面效果: 效果很明显,嵌套在元素里面的子元素字体颜色没有变红,说明嵌套的块级元素设置CSS不起作用.
王维 ``` 并集选择器 ``` .one,#id,p,h1{ font-size:... 兄弟选择器 效果 格式 ``` TIM截图20200308141940.png 伪元素选择器 :before选择器...也就是说使用“:root选择器”定义的样式 ,对所有页面元素都生效。对于不需要该样式的元素,可以单独设置样式进行覆盖。...:not选择器 如果对某个结构元素使用样式,但是想排除这个结构元素下面的子结构元素,让它不使用这个样式, 可以使用:not选择器。 如: body *:not(h3)。...2个或倒数第2个子元素,这两个选择器就不起作用了。
07.31自我总结 CSS高级选择器 一.伪类选择器 对于之前的类选择器的补充类再定义一个别名 举例 123 其中a为类,a-1为伪类,伪类也是一种类,...--不同结构--> 第1个p 1 第2个p 第3个p p:nth-of-type(3){ color:red } 二.后代(子代)选择器 后代选择器: CSS语法:上一级标签他所有的后代用宫格进行连接 子带选择器...权值:不同级别没有可比性、同一级别比个数、选择器类型不影响优先级、优先级一致看顺序 对于权值有些人对他级别的定义 标签 10 类(伪类)100 id 1000 !
1.1 CSS的"hello world" 二、CSS选择器及几种引用方式 2.1 id选择器 2.2 class选择器 2.3 几种引用方式 2.3.1 外部引用 2.3.2 内部引用 2.3.3 内联引用..." href="01hello.css"> CSS 实例!...---- 二、CSS选择器及几种引用方式 2.1 id选择器 只能引用一次,给特定的id引用。...代码如下(示例): #test1{color:red;} id选择器 2.2 class选择器 可以多次引用,多种写法...#73AD21; top: 50px; /*演示:这句话不起作用,可删去*/ left: 10px; /*演示:这句话不起作用,可删去*/ } div.fixed_1
Q: 选择器是什么? 你也许已经见过选择器了。CSS 选择器是 CSS 规则的第一部分。...“标签名选择器”或者是“元素选择器”,它是CSS最常用的选择器,如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身,除此之外CSS 元素选择器...-- 示例1.1 --> 我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用 我是斜体字。...在下面的例子中,我们对所有的标题元素进行了分组 /* 示例1.元素选择器 */ h1,h2,h3,h4,h5,h6 { /* 居中显示所有的标题元素前颜色为白色,背景颜色为黑色。...不过,建立一长列选中你的文档中很明确的部分的选择器的时候,小心一些。这些 CSS 规则难以复用,因为你让选择器在表示标记文本中的元素的相对位置上过于明确。
,能匹配页面中所有的元素,如下面的css代码,它使用通配符选择器定义css样式,清楚所有HTML标记的默认边距: * { margin: 0; /* 定义外边距 */ padding...(5)复合选择器 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,具体如下: ① 标签指定式选择器 标签指定式选择器有两个选择器构成,其中第一个为标记选择器,第二个为class选择器或...② 后代选择器 后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就曾为外层标记的后代。...③ 并集选择器 并集选择器是各个选择器通过逗号连接而成的,任何形式的选择器(包括标记选择器、class累选择器、id选择器等等),都可以作为并集选择器的一部分。...css样式的叠加,例如,当使用内嵌css样式表定义p标记字号大小为12像素,链入式定义p标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。
(1)通配符选择器 通配符选择器使用“*”号表示,它是所有选择器中作用范围最广的,能匹配页面中所有的元素,如下面的css代码,它使用通配符选择器定义css样式,清楚所有HTML标记的默认边距: *...(5)复合选择器 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,具体如下: ① 标签指定式选择器 标签指定式选择器有两个选择器构成,其中第一个为标记选择器,第二个为class选择器或...② 后代选择器 后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就曾为外层标记的后代。 ?...③ 并集选择器 并集选择器是各个选择器通过逗号连接而成的,任何形式的选择器(包括标记选择器、class累选择器、id选择器等等),都可以作为并集选择器的一部分。...css样式的叠加,例如,当使用内嵌css样式表定义p标记字号大小为12像素,链入式定义p标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。
jquery的选择器和css类似,在此整理几篇关于jq选择器的用法 id选择器 $('#in').css('color','orange');//选取class为in的元素设置css样式 标记选择器,...选择所有的h1标记 $('h1').css('color','pink');//选取所有的h1标记 class选择器 $('.h1').css({'color':'#96AFFF','font-size...':'55px'});//选取class为h1的 通配符选择器 $('*').css({'background-color':'#26AFFF','font-size':'55px'}) 群组选择器...,选择h1和h3内容加入字体颜色 $('h1,h3').css({'color':'red'}); 附上html部分代码 你好程序员!...06 这里的基础用法和css的选取方式一致,对于css选择器熟悉的朋友这里使用简直小意思,下面几篇博文我们来详谈jq的高级选择器!
CSS css CSS 简介 基础用法 高级用法---选择器 id选择器 什么是id id选择器如何使用 类选择器 属性选择器 引用方式 HTML内引入 外部导入 简介 简单来说css就是来控制元素样式的...高级用法—选择器 id选择器 对id标记的元素调整样式 什么是id 我是狗 id=“data” data就是id的值 标记此元素id值为data 简单来说就是...在style标签中用#来标记 比如id=“one” 就写成 #one{ … } 类选择器 什么是类 class 元素属性的类名 示例如下 <meta charset...在style标签中用#来标记 比如class=“one” 就写成 .one{ … } class是公用的 多个元素可以用同一个class 属性选择器 什么是属性 name title id.../style.css" type="text/css" rel="stylesheet" /> 我是狗 <
一、什么是CSS CSS全称为层叠样式表(Cascading Style Sheets),通常又称为风格样式表(Style Sheets),它是用来进行网页设计的; 在网页制作时采用CSS技术,可以有效地对页面的布局...因此CSS也有自己的语法结构; CSS规则由两部分构成,选择器和声明,声明必须放在大括号中{},可以是一条或多条; 每条声明由一个属性和值组成,属性和值用冒号分开,每条语句以英文的分好结尾; # h1表示选择器...CSS标签选择器就是用来声明这些标签的; 每种HTML标签的名称都可以作为相应的标签选择器的名称,例如 标签和 标签,如果我们需要在它们上面定义一个标签选择器,那我们要怎么做呢...九、继承特性 CSS的继承简单的说就是将各个HTML标记看做一个个容器,其中被包含的小容器会继承包含它的大容器的风格样式; 所有的CSS语句都是基于各个标记直接的继承关系,CSS继承是指子标记会继承父标记的所有样式风格...,并可以再父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式完全不会影响父标记;
具体格式如下 选择器{属性1:属性值;属性2:属性值;..} 在上面的样式规则中,“选择器”用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。...在CSS中,执行这一任务的样式规则部分被称为选择器,本小节将对CSS基础选择器进行详细地讲解,具体如下: 1.2.4.1 元素选择器 标记选择器是指用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的...其基本语法格式如下: 标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 该语法中,所有的HTML标记名都可以作为标记选择器,例如body、h1、p、strong等。...用标记选择器定义的样式对页面中该类型的所有标记都有效。 例如: h1{ color: #F00; font-size: 50px; } Java帮帮 ?...属性选择器,在标签后面使用中括号标记,其基本语法格式如下: 标签名[标签属性=’标签属性值’]{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 该选择器,是对“元素选择器”的扩展,对一组标签进一步过滤
引用:头部引用 直接在HTML头部使用style类型声明,以下是对div标签进行修改的代码.... CSS 选择器 通用选择器: 通用选择器就是使用星号来标注,则会对所有的页面元素生效,也就是全局生效....> 相邻选择器: 通过使用相邻选择器,如下解释,将把h1标签的后面的第一个p标签变成红色....} ---name--- CSS 常用属性 颜色属性: 颜色属性,多用于对标签的配置,以下列举的方式为最常用的四种颜色选择方式...---- > list-style-position:inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐 -> outside 默认值,保持标记位于文本的左侧 ->
一、CSS的三类选择器 1、标记选择器 标记 { 属性:属性值; ...属性:属性值; ………… } 在HTML中的引用方式:标记内容 3、ID选择器 ...二、选择器的申明 1、集体申明 body,p,.class,#id { 属性:属性值; ………… } 2、嵌套使用 h1 em { 属性:属性值;... ………… } 在HTML中的引用方式:我们的首都是北京 在嵌套中,em样式会继承和h1的样式,h1和em存在一定的父子关系。...2、盒子模型 3、CSS排版观念 ID选择器:#container(width:100%);#banner;#content;#links;#footer 设置各个板块的位置
I CSS CSS的作用:设置HTML页面的布局和样式 CSS的语法: 选择器{样式属性;样式属性} h1 { color: blue; background-color: yellow;... My CSS experiment h1 {...Hello World! <!...1 elem.class 交集选择器 指定类名的元素 1 标签名,标签名{ 属性:属性值; } 2.4 条件选择器 选择器 说明 版本 :lang 指定标记语言的元素...width 和 height 属性将不起作用 垂直方向的内边距、外边距以及边框会被应用但是不会把其他处于 inline 状态的盒子推开。
CSS部分的面试题主要考察应试者对CSS基础概念模型的理解,例如文档流、盒模型、浮动、定位、选择器权重、样式继承等。...类属性选择器、属性选择器、伪类的优先级为0.0.1.0。 元素选择器、伪元素选择器的优先级为0.0.0.1。 通配符选择器对特殊性没有任何贡献值。...(1)HTML( Hyper Text Markup Language,超文本标记语言)是做网站时使用的些文本标记标签,比如div、span等 (2)CSS( Cascading Style Sheet...chapter: } 使用 content属性,并结合 :before选择器和计数器 counter,可以在每个元素前插入新的内容。...不起作用(需要注意行内元素的替换元素img、 Input,它们是行内元素,但是可以设置它们的宽度和高度,并且 margin属性也对它们起作用, margin-op和 margin- botton有着类似于
在HTML中使用CSS样式一般有三种方法: 1:内联样式表:CSS代码直接写在现有的HTML标记中,直接使用style属性改变样式。...2:嵌入式样式表:CSS代码写在标记之间。 比如看一下知乎首页的网页构造: ?...3:外部样式表:CSS代码写在一个单独的外部文件中,这个CSS样式文件以".css"为扩展名,在内,使用标记将CSS样式文件链接到HTML文档中。...例如: h1{color:blue; font-size:12px}. 其中h1为选择器,color和font-size为属性,blue和12px为属性值。...其意思是将h1标记的颜色设置为蓝色,字体大小为12px。 根据选择器的定义方式,可以将样式表的定义分为三种: 1:HTML标记定义:上面的例子就是这种定义方式。即是将HTML标记符作为选择器。
前端开发基础教程-HTML教程 html是超文本标签语言,又可以说是超文本标记语言,是基本功。html发展历史跳过。...html是超文本标记语言,它是使用一套标记标签的语言用来描述网页的,html文档可以说是web网页。 标签:开始标签和结束标签 段落 案例: <!...* 元素选择器 类选择器 属性选择器 伪类 ID 选择器 内联样式 结言 好了,欢迎在留言区留言,与大家分享你的经验和心得。...感谢你学习今天的内容,如果你觉得这篇文章对你有帮助的话,也欢迎把它分享给更多的朋友,感谢。 达叔小生:往后余生,唯独有你 You and me, we are family !...90后帅气小伙,良好的开发习惯;独立思考的能力;主动并且善于沟通 简书博客: 达叔小生 https://www.jianshu.com/u/c785ece603d1 结语 下面我将继续对 其他知识
CSS选择器出场 一.基本CSS选择器有标记选择器、类别选择器、ID选择器3种: 1.标记选择器 每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,div等等 ...“并集”选择器:同时选中各个基本选择器所选择的范围,任何形式的选择器都可以,并集选择器是多个选择器通过逗号连接而成的, 格式如:h1,h2,h3{color:red;font-size:23px...> 嵌套用CSS标记的方法嵌套之外的标记不生效 效果: ? ...效果是:“用CSS”的显示红色,其他用包围起来的是兰色 后代选择器产生的影响不仅限于元素的“直接后代”,而且会影响到它的“各级后代” 四.子选择器:也就是只有对直接后代有影响的选择器,...而对“孙子”以及对个层的后代不产生作用。
(一) HTML5:超文本标记语言 (1) 基本概念 是由一系列成对出现的元素标签(标记)嵌套组合而成 ( XML也是标签构成的 ) 这些标签以的形式出现,用于标记文本内容的含义 浏览器通过元素标签解析文本内容并将结果显示在网页上...-- h1 到 h6 大小依次变小,同时自动换行--> ..........补充样式 style标签里面 使用语句(在某些浏览器下不起作用) @import uel(div.css); 外部样式 使用头标签...后加载的优先级高 (2) CSS的基本选择器 含义:要对哪个标签里面的数据进行操作 (1) 标签选择器 使用标签名作为选择器的名称 div { background-color:gray;...{ background-color:#333300; } 优先级:style > id选择器 > class选择器 > 标签选择器 (3) CSS的扩展选择器 (1) 关联选择器(调用加空格
CSS 是也是一种标记语言。 有什么用:主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。...选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式 属性和属性值以键值对的形式出现 属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等 属性和属性值之间用英文:分开 多个...一般用于修改简单样式 北方高温明日达鼎盛 京津冀多地地表温度将超过20℃ 内部样式表 内部样式表(内嵌样式表...--举例,将id为nav的元素中的内容设置为红色--> #nav { color:red; } 通配符选择器 通配符选择器可以选择页面上的所有元素,并对他们应用想要的样式,用*来表示。...font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开 不需要设置的属性可以省略(会取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用
领取专属 10元无门槛券
手把手带您无忧上云