在学习后代选择符之前，首先要了解一下组成一个网页的HTML家谱，每个HTML标签标示其中一个家庭成员。网页中的第一个HTML标签（标签），相当于所有其他标签的始祖。...以下是结构示意图 祖辈：外层HTML标签是内层标签的祖辈。标签是其内部所有标签（、 和标签）的祖辈。 后代：标签里的其他标签是后代。标签是标签的后代， 标签即使标签的后代，也是标签的后代。...后代选择符可以由2个以上元素组成，例如： ul li a body li a html li a html body ul li a 以上四个选择符的作用相同，因此表明，无需指明目标标签的所有直系。...一般来说，应该使用能达到目的的最简短的后代选择符。所有标签都在和标签里，因此没要在后代选择符中指定和。 后代选择符里的选择符数量会影响冲突样式的处理方式，这种冲突处理机制成为特指度。...同样的，后代选择符也不局限于只能使用类型选择符。 可以使用不同类型的选择符构建复杂的后代选择符。
首先给选择符起一个名字，然后把这个名字指定给想装饰的HTML标签。例如上一个例子中，我就给第一个div命名为“one”。 类选择符还能精确控制某个元素的外观，而不管元素使用的是哪个标签。...类选择符的用法： 在CSS中，类选择符的名称必须以点号开头。这样Web浏览器才能在样式表中找到类选择符。 类选择符的名称中只能包含字母、数字、连字符和下划线。 选择符的名称必须以字母开头。...类选择符区分大小写。 在HTML中，标签设置class属性。 。 在HTML中，class属性的值前面不用加点号。只有在样式表中类选择符的名称前面需要点号。...ID选择符 CSS使用ID选择符选取网页中的特定部分，例如横幅、导航栏或者主内容区域。 在HTML中设置ID的方法与设置类的方法差不多，不过使用的属性不同。...正确地使用ID HTML的id属性有些作用是class属性实现不了的。这些优势与CSS没关系，因此完全可以不适用ID选择符。
属性选择符的使用 由 Ghostzhang 发表于 2006-04-17 16:15 在CSS的选择符中，除了常用的“类型选择符(E)、通配选择符(*)、包含选择符(E1 E2)、ID选择符(#ID...，会让CSS的定义更加的强大，可惜现在IE并不支持这一选择符。...属性选择符可分为下面几种： Attribute Selectors E[attr] 属性选择符。 选择具有attr属性的E。...Attribute Selectors E[attr~=value] 属性选择符。 选择具有attr属性且属性值为一用空格分隔的字词列表，其中一个等于value的E。...Attribute Selectors E[attr|=value] 属性选择符。 选择具有attr属性且属性值为一用连字符分隔的字词列表，由value开始的E。
属性选择符的优先级 由 Ghostzhang 发表于 2006-04-24 10:59 大家都知道样式定义存在优先级的问题，像“ID选择符”的优先级就比“样式选择符”要高等等。...在写完《属性选择符的使用》和《CSS样式的优先级补遗2》后才发现，原来属性选择符的优先级是比较特殊的，看看下面的例子： /*IE*/ div{float:left;color:Orange;} /* 特性值为...dl> dd4 dd5 dd6 在FF中可以看到，第一个层里的文字是蓝色的...，而第二个层里的粉红色的。...所以不难得出，属性选择符的特性值是在10到12之间，姑且写为11吧，以方便表示。
什么是组合选择符？ 组合选择符说明了两个选择器直接的关系。 CSS组合选择符有几种，都是什么？...在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔） 相邻兄弟选择器（以加号分隔） 普通兄弟选择器（以波浪号分隔） 后代选择器 后代选择器用于选取某元素的后代元素...div p { background-color:yellow; } 子元素选择器 与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。...div>p { background-color:yellow; } 相邻兄弟选择器 相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素...div+p { background-color:yellow; } 后续兄弟选择器 后续兄弟选择器选取所有指定元素之后的相邻兄弟元素。
，是我们毕生的向往。...——鲁迅说的！ 一本正经的胡写代码，不至于用来陷害队友，更重要的是防止队友耍(装)帅(逼)滑自己。...发出一声反派的笑声（破音） 作死 先来看一段HTML代码 有部分 HTML 和 CSS 的书或者网上有些文章会说，元素上的 id 和 class 是不能以数字开头的...有部分文章也会说，HTML 可以支持 id 和 class 以数字开头，但 css 不支持。 我呸！...所以还是建议用专业的写法去书写。 当然，能不写这种代码就尽量不要写啦，毕竟自己也不好受。 同理，不止数字，字母使用转义后的代码来表示也是没问题的。
于是，css选择符的地位在这个前提下就空前的提高了。所以，在开始学习盒模型、浮动、定位之前，有必要回顾一下选择符。...一般稍微接触过css的网页设计人员，都会很快地学会三种css选择符： 元素选择符（例如：body 、a 、li ） ID选择符（例如：#head、#body、#foot） 类选择符（例如：.red、...） 以及由这些选择符组合起来形成的综合选择符。...实际上css还支持一些更丰富的选择符。但是能够被浏览器广泛支持的其实主要就是上面这几种，其它的选择符在css中往往用来区别处理不同的浏览器，或者用在jQuery一类的框架中。本文就不提了。...第二、css选择符掌握得不够，不善于借助文档结构层次上的细微区别，用不同的组合选择符来区别相似但其实不同的元素。例如上面的下拉菜单结构，有的人就非要用“menu”和“submenu”来区别。
用属性选择符来解决IE跟FF的兼容性问题 由 Ghostzhang 发表于 2006-04-24 11:39 从之前写过的《属性选择符的使用》中发现了一个可以用来解决IE跟FF兼容性的问题，因为IE...不支持CSS的属性选择符。...下面来看看可以怎么做： 图片 图片 图片 从上面的例子可以看到，在IE中二个层里的文字颜色跟在FF中的文字颜色是不一样的，也就是说可以使用属性选择符来来写针对FF的样式。 可能你会说用!...使用属性选择符就不会有这样的问题，而且可以将多个定义写到一起，是不是比较方便呢？看看下面的样式： /* 使用声明 */ div.try{ width:200px !...在《CSS样式的优先级补遗2》及《属性选择符的优先级》中我们了解到，ID选择符的特性值为100，而属性选择符的特性值为11，即不能达到将样式定义分开的目的。
网页效果图 -- 腾讯云首页 image.png 2. html的定义 HTML 的全称为：HyperText Mark-up Language, 指的是超文本标记语言。...标记：就是标签, , 比如: 、 等，标签大多数都是成对出现的。...所谓超文本，有两层含义: 因为网页中还可以图片、视频、音频等内容(超越文本限制) 它还可以在网页中跳转到另一个网页，与世界各地主机的网页链接(超链接文本) 3. html的作用 html是用来开发网页的...，它是开发网页的语言。...小结 html是开发网页的语言 html中的标签大多数都是成对出现的, 格式:
HTML结构 结构 1.基本结构 2.头部内容 3.主体内容 4.页面的开头 结构 1.基本结构 以下代码是HTML的基本结构： <!...HTML文档的开始代码,出现在第一句： HTML文档的结束代码,出现在末尾： 其他所有HTML代码都位于这两个标记之间，这两个标记的作用就是告知浏览器这是一个Web文档，该按... head标记是HTML文档的头部标记，头部信息不会在浏览器窗口的正文中显示； … ... 可以插入在头部标记中，指定HTML文档的网页标题的标记。...DOCTYPE html> 上面是HTML5简化后的声明代码 DOCTYPE标记常常被用来声明要使用什么风格的HTML或XHTML； 此标记使浏览器知道应当如何处理文档...，让验证器知道应当按照什么样的标准来检查代码的语法，然后用html标记，表示实际代码的开始位置。
DOCTYPE html> 网页标题是文档声明, 用来指定页面所使用的html的版本, 这里声明的是一个html5的文档。 ......标签是开发人员在告诉浏览器，整个网页是从这里开始的，到结束,也就是html文档的开始和结束标签。 ......标签用于定义文档的头部,是负责对网页进行设置标题、编码格式以及引入css和js文件的。 ...标签是编写网页上显示的内容。 2....浏览网页文件 网页文件的后缀是.html或者.htm, 一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页
HTML中常用的特殊字符： 本文中的特殊字符持续收集中......HTML源代码 显示结果 描述 < < 小于号或显示标记 > > 大于号或显示标记 & & 可用于显示其他特殊字符 " " 引号 ® ® 已注册 © © 版权 ™ &trade 商标 &ensp 半个空格位...&emsp 一个空格位 不断行的空格位 ´ ´ ´ ´ > > µ µ ® ® & & ° ° ¡ ¡ » » ¦ ¦ ÷ ÷ ¿ ¿ ¬ ¬ § § • • ½ ½
常用的 html 标签 h1标题 这是一个div标签 这个一个段落标签 <!...根据标签的书写形式，标签分为双标签(闭合标签)和单标签(空标签) 2.1 双标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，比如: div标签 2.2 单标签是一个标签组成，没有标签内容...小结 学习 html 语言就是学习标签的用法，常用的标签有20多个。...编写 html 标签建议使用小写 根据书写形式，html 标签分为双标签和单标签 单标签没有标签内容，双标签可以嵌套其它标签和承载文本内容
，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开...html基本结构 一个html的基本结构如下： ”定义html文档的整体，“”标签中的‘lang=“en”’定义网页的语言为英文，定义成中文是'lang="zh-CN"',不定义也没什么影响，它一般作为分析统计用。...HTML文档类型 目前常用的两种文档类型是xhtml 1.0和html5 xhtml 1.0 xhtml 1.0 是html5之前的一个常用的版本，目前许多网站仍然使用此版本。...，注释的内容不会显示在页面上，html代码中插入注释的方法是： <!
HTML 标签 定义和用法 可定义文档中的分区或节（division/section）。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。...如果用 id 或 class 来标记 ，那么该标签的作用会变得更加有效。 用法 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 固有的唯一格式表现。...可以通过 的 class 或 id 应用额外的样式。 不必为每一个 都加上类或 id，虽然这样做也有一定的好处。...可以对同一个 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。...这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
什么是HTML？HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言我们来看看百度百科对HTML的定义：HTML的全称为超文本标记语言，是一种标记语言。...HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等用我自己的一句话来说就是：HTML是用来描述网页的标记语言那我们为什么要学HTML呢？...那接下来就让我来学习HTML，首先我们先来了解页面的整体一、HTML的基本语法规则文档的扩展名为.html或.htmHTML标签不区分大小写,推荐小写元素可嵌套，可以包括属性的额外信息标签和属性不区分大小写...World 三、具体标签的意义 放在HTML页面前面的位置，加上之后就会按照W3C的HTML5标准渲染页面 页面根元素,所有的网页内容元素都要在里面 对用户不可见
这段时间有个人问我SEO的html劫持是怎么做的，代码又是什么样子的，然后就有了这篇文章。大家可以看看，学习一下。 ? 下面的message[0]中的关键词并不是你的关键词，而是给网站原有的人看的。...找到index.html文件，编辑，代码记住是放到下面 我们看下代码是怎么实现的： var s = document.referrer
这篇文章小编用两个个网页的代码带大家学习第一个HTML网页和HTML的标签1.第一个网页my first html page这是我的第一个HTML页面！...2.html标签基本标签<!
基本格式如下： selector {property: value} （选择符 {属性：值}） 选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值...类选择符还有一种用法，在选择符中省略HTML标记名，这样可以把几个不同的元素定义成相同的样式： .center {text-align: center} （定义.center的类选择符为文字居中排列...ID选择符 在HTML页面中ID参数指定了某个单一元素，ID选择符是用来对这个单一元素定义单独的样式。 ID选择符的应用和类选择符类似，只要把CLASS换成ID即可。...不同的选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后加上元素上的，所以优先级最高，其次是类选择符。...important申明的HTML标记选择符样式为红色文字。如果去掉!important，则依照优先权最高的ID选择符为黄色文字。 7.
当html元素的同一个样式属性有多种样式值的时候，css就要靠层叠机智来决定最终应用哪种样式。...section * a {font-size: 1.3em;} 所有section标签的 非子标签（*是所有的子标签）的a标签字体设置为 1.3 em; ID和类选择符 使用ID和类选择符，首先要在HTML...这个规则会选择带有title属性的HTML img元素，且title值为"red flower"。...伪类 伪类分两种： UI伪类会在HTML元素处于某个状态时，为该元素应用CSS样式。 结构化伪类会在标记中存在某种结构上的关系时，为相应元素应用CSS样式。 伪类使用:(冒号)作为选择符。...两个冒号(::)表示新增的伪元素。 UI伪类 UI伪类会基于特定的HTML元素的状态应用样式。 链接伪类 针对链接的伪类有4个： Link。 此时，链接为被点击 Visited。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
