摘要：
第一 父元素高度确定的单行文本 父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。(height: 该元素的高度，line-height: 顾名思义，行高（行间距），指在文本中，行与行之间的 基线间的距离 )。 line-heig 阅读全文
摘要：
第一 对于行元素：align：center；第二 对于定宽块状元素： margin：auto；或者margin-left：auto； margin-right：auto； 水平居中总结-不定宽块状元素方法（一） 在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分 阅读全文
摘要：
css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就 阅读全文
摘要：
继承 CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} <p>三 阅读全文
摘要：
选择器作用 对CSS样式的一个声明： 每一条css样式声明（定义）由两部分组成，形式如下： 伪类选择符 更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color: 阅读全文
摘要：
盒模型--边框（一） 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框： div{ border:2px solid red; } 上面是 border 代码的缩写形式，可以 阅读全文
摘要：
特殊性 有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> p和 阅读全文
摘要：
使用单选框、复选框，让用户选择 在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。请看下面的例子: 语法： <input type="radio/chec 阅读全文
摘要：
使用表单标签，与用户交互 网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签 阅读全文
摘要：
使用 HTML5 的网站布局 HTML5 提供的新语义元素定义了网页的不同部分（此时style样式表内使用语义元素加{}来定义样式） HTML5 语义元素 这个例子使用 <header>, <nav>, <section>, 以及 <footer> 来创建多列布局： 在HTML4.0版本中 可使用区 阅读全文