1:div+css
好处:网页 达到
结构 -》div
效果 -》css
行为->javaScript
进行分离
2:div division 划分
css cascading style sheet 层叠样式表
3:标签的级别
行级元素(行内元素 不会产生换行)
<font size="7" ></font> <b> <s> <u> <a> <span>
块级元素(独占一行的)可以控制 宽度 高度
<h1> .. <h6>
<p> <table><tr> <div>
ul li div
4:样式的写法
1:行内样式
在标签处 <tag style="属性1:值1;...."属性n:值n;"></tag>
<div style="color:#ff0000;font-size:12px;....;"></div>
2:内部样式
3:外部样式
5:基本属性
color:#xxxxxx 修饰字体的颜色
font-size:xxpx 修饰字体的大小
font-weight:bold;文字加粗效果
font-family: 设置字体 一般默认 宋体 黑体 。。。
letter-spacing: 字母之间的间距
word-spacing: 单词与单词之间的间距
width:宽度 height:高度
border:颜色 样式 大小
样式-》 solid 实线条 dotted 虚线条 dashe 点
border:#ff0000 solid 2px;
border-left:颜色 样式 大小;
border-top: border-right: border-bottom:
line-height: 行高 当一个内容的行高等于容器的高度文字垂直方向居中效果
text-align: 文字水平方向的对齐方式 left|center|right
text-transform: 字母的转换效果
capitalize 首字母大写
uppercase 全部字母大写
lowercase 全部字母小写
text-decoration: none 去除下滑线
underline 加上下滑线
text-shadow:颜色 水平距离 垂直距离 大小
text-shadow 属性必是在ie 8以上 fireFox2
text-indent: 文字缩进效果
cursor: pointer; 手抓效果