html和css



1：设置页面定时跳转<meta http-equiv="refresh" content="2; URL=http://www.itcast.cn">经过2秒跳转到另外一个页面
2：背景属性的层次：浏览器会把背景图片显示在北京颜色上面
3: 默认的浏览器和内容之间有一定的距离（怎样修改呢：leftmargin="左边界" rightmargin="右边界"topmargin="上边界"
bottommargin="下边界"）说明有些html元素有默认值。
4：<b></b>，<strong></strong>加粗<i></i>倾斜<u></u>下划线<s></s>删除线上划线下划线
<em></em>加强语气（倾斜）
5:<blockquote></blockquote>表示引用其他的内容 属性cite="网址"
6：<pre></pre>表示的是源代码里面是什么样子显示出来就是什么样子。<em></em>倾斜字体
7：<ul></ul>无序列表<ol></ol>无序列表<dl><dt><dd></dd></dt></dl>  <dt>表示的是标题<dd>表示的是标题包含的内容
8：<img src alt="表示的是当图片无法显示的时候用什么代替" title="表示的是鼠标悬停时显示的内容" vspace="表示的是距离图片的上下空白" hspace="表示的是距离图片左右的空白距离"/>
9:在css中font-size:设置字号，color：设置字体的颜色，font-family：Arial，'宋体'.line-height：1.5em设置行高。font-weight：noemal /bold设置字体的粗细
10:<span></sapn>标签是被使用来组合文档中的【行内元素】是指某一行内的某个元素或者某个字。
11:css选择器：标签（标记）选择器，2：ID选择器,
12:同一个元素应用多个类，类名与类名之间用空格隔开。但是类名和ID名不要以数字开头。否则不起作用。
13：css特性：
（1）：继承：子元素会继承父元素的某些样式【因为有些元素本身就有默认值，所以他就不继承父元素的了】
（2）：层叠：子元素如果定义了与父元素相同的样式，会覆盖掉父元素的样式。
14：css优先权：行内样式，内嵌式，导入式。
15：选择符优先权：行内>id>class>标记（标签）选择器。可以用！important
IE6不支持
16：font-style:normal【正常】italic【斜体】修饰字体样式，text-decoration：none【正常】underline【下划线】overline【上划线】line-through【删除线】修饰文子，letter-spacing：normal【默认】length【长度单位】字符之间的距离，word-spacing【默认】length【长度单位2014/2/23】单词之间的距离：
17:设置对象文本缩进：text-indent：2em【可以是负值】，文本水平对齐：text-align：left/right；元素垂直对齐方式：vertical-align：sub【设置文字为下标】super【设置文字为上标】top【把元素的顶端与行中最高元素的顶端对齐】text-bottom【把元素的低端与父元素字体的低端对齐】
文字大小的控制：text-transform：normal【正常】captalize【每个单词的第一个字母转换成大写】uppercase【转换成大写】lowercase【转换成小写】，对象中的空白处理：white-space：normal【自动换行】pre【换行和空白行受保护】nowrap【强制在同一行显示】
18:css控制元素的某种状态叫css伪类。
   a:link {color: #FF0000}  /* 未访问的链接 */
   a:visited {color: #00FF00} /* 已访问的链接 */
   a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
   a:active {color: #0000FF} /*点击链接时候 选定的链接 */

   模式：元素名称：伪类名称{属性，值}
   例如：超链接，鼠标经过状态。a:hover{}
 
19:例如：p a{}修饰的是p标签里面的a超链接里面的内容，p,h1,h2,div,span{}修饰的是所有的标签的元素，p#content{}表示的是ID为content的p元素的内容
20:padding:10px 20px 23px 23px;表示的是上右下左。padding：20px 30px。表示的是上下，左右。padding：10px 20px 30px；表示的是上，左右，下的距离
21：list-style属性：list-style-type：设置列表项标记的类型。  list-style-position：设置在何处放置列表项标记。  list-style-image：使用图像来替换列表项的标记。
列表的横向排列：float:left;可以达到效果。