【01】emmet系列之基础介绍 【02】emmet系列之HTML语法 【03】emmet系列之CSS语法 【04】emmet系列之编辑器 【05】emmet系列之各种缩写 相关网址 官网： http://docs.emmet.io/ 安装网站： https://packagecontrol.io/packages/Emmet 基础介绍 Emmet的...
一id选择器示例 id选择器允许以一种独立于文档元素的方式来指定样式。在某些方面，id选择器类似于类选择器，不过也有一些 重要差别。 语法 首先，id选择器前面有一个 # 号，也称为棋盘号或井号。 请看下面的规则： *#intro { font-size:24px;background-color:#000000;color:#FF0000;} 与类选择器一样，id选择器中可以忽略通配选择器。前面的例子也可以写作： #in...
运行效果: "html标签对以及被该标签对封闭的文本内容" "参数" "参数变量" "参数值" "参数变量值" 开头,在head标签里,囊括///标签 [ 属性="参数" 属性值="参数变量值" ].即名称加值的"数据对"形式 标签定义和文档相关联的名称/值,用于描述网页,它永远位于标签对内部,共有http-equiv和name两个属性 .其中http-equiv属性的参数之一"content-Type"用于'页面...
CSS语法中通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。 在CSS1中，通过这种方式来应用规则的选择器被称为上下文选择器(contextual selectors)，这是由于它们依赖于 上下文关系来应用或者避免某项规则。在CSS2中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都 是相同的。派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以 使H...
CSS语法中，对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式，而不仅限 于 class 和 id 属性。(注释：Internet Explorer 7 （以及更高版本）在规定了 !DOCTYPE 的情况下支持属性选择器。 IE6 及更低的版本不支持属性选择器。) CSS2引入了属性选择器。属性选择器可以根据元素的属性及属性值来选择元素。 一简单属性选择器 如果希望选择有某个属性的元素，而不论属性值...
上一篇博客说的是伪类，这次我们来说说伪元素。先来补充一下上篇博客漏掉的一个伪类：:focus 伪类 (1)定义和用法 :focus伪类在元素获得焦点时向元素添加特殊的样式。注释IE浏览器不支持此属性。 (2)说明 这个伪类应用于有焦点的元素。 例如HTML中一个有文本输入焦点的输入框，其中出现了文本输入光标；也就是说，在用户开始键入时，文本会 输入到这个输入框。其他元素（如超链接）...
CSS伪类 CSS语法中伪类用于向某些选择器添加特殊的效果。常见的伪类有： (1)语法 伪类的语法： selector : pseudo-class {property: value} CSS 类也可与伪类搭配使用。 selector.class : pseudo-class {property: value} (2)锚伪类 在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问...
CSS样式包括：CSS背景，CSS文本，CSS字体，CSS列表，CSS表格，CSS轮廓等样式。我们就目前用到的 CSS样式简单地介绍一下。 下面只是总结性的一些东西，具体的可以参考：CSS样式教程 (1)背景色 background-color 设置背景颜色 可能的值： 颜色名称：如red,yellow,blue 十六进制颜色值：如#ffffff rg...
在CSS基础学习的篇章中，从第四篇博客开始说选择器，到昨天基本已经说完了。今天我们总结一下，选择器作 用：告知浏览器需要设置哪个dom元素的样式。最后来说说选择器一个重要的问题，选择器的优先级。判断优先级的 方法就是尝试！！！ 一简单选择器的优先级 简单的选择器包括我们在第四篇，第五篇，第六篇博客的元素选择器(标签选择器)，类选择器和id选择器。 我们来试验： CSS选择器优先级...
一CSS盒子模型概述 CSS盒子模型规定了元素框处理元素内容、内边距、边框和外边距的方式。一个完整元素包括内容(content)，内 边距(填充)(padding)，边框(border)和外边距(空白)(margin)。 盒子模型图： 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。 边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。故背景应...
概念 块级：block 内联：inline 内联块级：inline-block 在html元素中，元素会有display属性 display属性默认值是block，那么该元素是块级元素。 display属性默认值是inline，那么该元素是内联元素。 没有元素的display默认值是inline-block。 display属性值可以被设置，比如可以把块级元素div的display的值设成inline，那么它就变成了内联元素，不再独行显示。 特征 1.块级元素 独占...
今天继续接着CSS盒子模型补充，CSS基础学习十三：盒子模型和CSS基础学习十四：盒子模型补充之display属 性设置都是介绍了盒子模型中的内容概括。开始今天的主题：外边距合并。 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合 并的外边距的高度中的较大者。 (1)外边距合并 外边距合并叠加是一个相当简单的概念。但是，在实践中对网页进行布局...
CSS盒子模型有很多的内容和属性，CSS也一直在更新和新增属性，今天我们来说说CSS3新增的盒子模型中的 边框中的内容，也就是border-radius属性。 border-radius属性设置元素的边框添加圆角，其实没有边框也可以添加圆角效果。但是要是显示出来，就必须增 加背景色或者边框。 可能的值：xpx；圆角是xpx，半径为xpx的四分之一圆。 语法格式为： border-radius:apx bpx cpx dpx; 顺时针。当a=b=...
我在 CSS基础学习十三：盒子模型的i博文只是阐释了CSS盒子模型，并没有过多的使用实例来演示。这篇博文 就来做一些盒子模型知识的补充。这一部分对于网页总体布局还是蛮重要的，过去大多数使用HTML中的table元素和 框架标签来进行网页的整体布局，现在我们使用最多的是DIV+CSS网页布局。所以一定要掌握好盒子模型，记住 content，border，padding和margin各自在盒子中的作用和使用方式。 先来看一个完整元素的盒子模...
CSS选择器 选择器{ 样式; } 每一条css样式声明（定义）由两部分组成，形式如下： 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码： p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签...