CSS样式
摘要：一、CSS背景1.背景颜色p {background-color: gray;}background-color不能继承，其默认值是transparent。也就是说，如果一个元素没有指定背景色，那么背景就是透明的，这样其祖先元素的背景才能可见。2.背景图像(1)背景图像: body {backgro...
阅读全文
posted @
2015-12-14 18:03
JustYong
阅读(282)
推荐(0) 编辑
CSS选择器
摘要：1.元素选择器“类型选择器匹配文档树中该元素类型的每一个实例”,如下定义的类型选择器将匹配文档中的所有p元素。p{ background-color:green;}2.CSS分组选择器分组假设希望 h2 元素和段落都有灰色。为达到这个目的，最容易的做法是使用以下声明：p,h2{ color:gr...
阅读全文
posted @
2015-12-05 21:14
JustYong
阅读(706)
推荐(0) 编辑
CSS设计指南之一 HTML标记与文档结构
摘要：HTML标记与文档结构之所以从HTML讲起，是因为CSS的用途就是为HTML标记添加样式。1.1 HTML标记基础对于每个包含内容的元素，根据它所包含的内容是不是文本，有两种不同的方式给它们加标记，一种是使用闭合标签，另一种是使用自闭合标签。1.1.1 文本用闭合标签文本内容标题、段落等文本元素都要...
阅读全文
posted @
2015-06-14 10:25
JustYong
阅读(277)
推荐(0) 编辑
CSS设计指南之CSS三种机制:继承、层叠和特指
摘要：一.继承CSS中的祖先元素也会向后代传递一样东西:CSS属性的值。body元素是所有元素的祖先，所有标签都是它的后代，比如为body元素设置一种字体，那么文档中的所有元素，无论它在层次结构中多么靠下，都将继承这些样式。CSS中有很多属性都可以继承，其中相当一部分都与文本有关。二.层叠层叠，就是层叠样...
阅读全文
posted @
2015-04-11 15:47
JustYong
阅读(2131)
推荐(1) 编辑
CSS设计指南之伪类
摘要：伪类这个叫法源自它们与类相似，但实际上并没有类会附加到标记中的标签上。伪类分两种。UI伪类会在HTML元素处于某个状态时(比如鼠标指针位于链接上)，为该元素应用CSS样式。结构化伪类会在标记中存在某种结构上的关系时(比如某个元素是一组元素中的第一个或最后一个)，为相应元素应用CSS样式。一.UI伪类...
阅读全文
posted @
2015-04-10 07:52
JustYong
阅读(601)
推荐(0) 编辑
CSS设计指南之ID属性
摘要：1.用于页内导航的IDID也可以用在页内导航连接中。下面就是一个链接，其目标是同一页的另一个位置。Biography当用户单击前面的链接时，页面会向下滚动到ID值为bio的元素位置。如果链接的href属性值里只有一个#，那么点击该链接会返回页面顶部。
阅读全文
posted @
2015-04-09 22:41
JustYong
阅读(237)
推荐(0) 编辑
CSS设计指南之定位
摘要：CSS布局的核心是position属性，对元素盒子应用这个属性，可以相对于它在常规文档流中的位置重新定位。position属性有4个值:static、relative、absolute、fixed。默认值为static。一.定位类型1.静态定位static在静态定位的情况下，每个元素都处于常规文档流...
阅读全文
posted @
2015-04-07 07:22
JustYong
阅读(1212)
推荐(4) 编辑
CSS设计指南之浮动与清除
摘要：浮动意思就是把元素从常规文档流中拿出来，浮动元素脱离了常规文档流之后，原来紧跟在其后的元素就会在空间允许的情况下，向上提升到与浮动元素平起平坐。一.浮动CSS设计float属性的主要目的，是为了实现文本绕排图片的效果。然而，这个属性也成为了创建多栏布局最简单的方式。1.文本绕排图片在浮动一张图片或其...
阅读全文
posted @
2015-04-06 16:49
JustYong
阅读(666)
推荐(0) 编辑
CSS设计指南之理解盒子模型
摘要：一.理解盒模型每一个元素都会在页面上生成一个盒子。因此，HTML页面实际上是由一堆盒子组成的。默认情况下，每个盒子的边框不可见，背景也是透明的，所以我们不能直接看到页面中盒子的结构。使用WebDeveloper工具条中的"OutLine"->"OutLine Level Element"菜单项，可以...
阅读全文
posted @
2015-04-06 11:31
JustYong
阅读(641)
推荐(0) 编辑
