摘要： 第十二章1.网页布局类型（1）固定宽度（2）流式（3）响应式Web设计2.CSS布局的方法通过给元素设置一个宽度，将它浮到左侧或右侧，就可以创建一个列（元素后面的文本会环绕浮动的元素，仿佛是另外一个列一样）。如果给多个div或者其他标签使用float属性，就能够实现对多列的布局。进一步使用这种技术，... 阅读全文

摘要： 表格和表单的格式化1.表格的各种标签提供了许多有用的“钩子”，可以再上面挂CSS样式。如果创建了标签样式，那么每一个列的标题——标签——看起来就有可能与其他的表格单元不同，也可以使用标签方便地为表格单元列来设置宽度。2.padding指一个元素的边框与其内容之间的空间。你可以用padding在段落的... 阅读全文

摘要： CSS的transform、transition和animation属性1.transform（倾斜）：利用transform属性可以使导航栏稍微倾斜，或者使图片在访问者的鼠标经过它时放大两倍，甚至可以结合更多transform属性设计出其他效果。例如，要旋转一个元素，要先提供关键字rotate，后... 阅读全文

摘要： 1.链接状态：大部分浏览器支持4中基本的链接状态：未访问的链接、已访问的链接、访问者的鼠标正悬停在上方的链接、正被单击的链接。这些状态的4个对应伪类选择器分别是：link、：visited、：hover、：active。为了实现最大程度的设计控制，必须对所有不同的访问状态都定义样式，但是必须按照指定... 阅读全文

摘要： 给网页添加图片1、 常用来处理图片的CSS属性：（1） border（边框）：给图片添加边框。（2） padding（填充）：边框和图片之间填充空间。（3） float（浮动）：浮动图片是指将图片移到左侧或者右侧。（4） margin（边距）：图片和其他网页元素之间添加空间。2、 添加图片背景：ba... 阅读全文

摘要： 第七章 margin、padding和border1.盒模型：四个属性：（1）padding：内容与其边框线之间的空间。（2）border：盒子周围的直线（3）background-color：用来填充边框内部空间的，包括padding区域。（4）margin：一个标签和另一个标签之间的间隔。2.p... 阅读全文

摘要： 第六章 文本格式化1.font-family 属性设置字体。除了指定想要的字体之外还要使用备用字体。例如：p{ font-family：Arial ,Helvetica ,sans-serif; }如果字体的名称中包含多个单词，则必须用双引号（””）将它们括起来。2.·serif字体，适合冗长的文字... 阅读全文

摘要： 第五章 层叠管理样式1.层叠是决定哪些样式属性要被应用到某一个元素的一套规则。2.最近的祖先样式胜出：浏览器会采用离相关标签最近的样式。3.直接应用的样式胜出：任何直接应用于指定标签的样式都战胜了继承来的属性。4.多个样式可能应用于同一个标签的几种情况： ·标签同时应用了一个标签选择器和一个类样式。... 阅读全文

摘要： 第四章 继承1.继承：应用在一个标签上的CSS样式被传到其内嵌标签上的过程。2.继承的局限性：（1）有些属性不会被继承，如：CSS。（2）以下情况不会严格执行继承： ·影响网页元素位置的属性； ·Web浏览器使用它们自己固有的样式为各种标签设置样式； ·当有样式发生冲突时，更具体的样式会胜出。 阅读全文

摘要： 1.标签选择器：控制整体。使用标签选择器，只需要输入标签的名称即可。2.类选择器：精确控制。假如你要指定一些相同的元素拥有不同的样式，可以给元素添加不同的类名，然后用类选择器来应用对应的样式。任何使用类选择器呢？以下几点需要注意：（1）所有类选择器的名称都必须以一个原点开头，如 .class 这个类... 阅读全文