给一个div写css
css需要考虑的
width
height
文字大小 font-size
外边距 margin
内边距 padding
文字是否居中 text-align
文字的颜色 color：#000000；
文字的样式 font-family:华文彩云；
文本是否需要下划线 这个默认是需要 text-decoration: none；//表示没有下划线
div是否要居中
背景图片 background-image: url(images/admin/bb.jpg);
边框的颜色 边框的样式 边框线的大小 border: 1px solid #006633;
display: block; //是让对象成为块级元素，此元素前后会有换行符，display属性规定元素应该生成的框的类型
一：如果是一个body:
width：800px; 一般宽有一个具体的数，
height:auto; 而高是自动的；
文字的样式：font-family: Arial, Helvetica, sans-serif; 就是需要什么样的文字一般就这三种
font-size 文字的大小
margin:0px auto; 一般上下为0 左右自动
边框线：1px solid #006633; 线的宽度 线的样式 线的颜色
二：如果是 一个div:
width:
height:
background-image: url
margin:
font-size:有时也需要考虑到文字的大小
三：如果是文字：
text-align：文字的位置
font-family:文字的样式
color：文字的颜色
font-size 文字的大小
四：如果是ul：列表
考虑列表的样式：有前面是圆点的，有小正方形的
如果不要任何样式：list-style-type: none;
默认值，实心圆：list-style-type:disc;
空心圆： list-style-type: circle;
实心方块： list-style-type: sqare;
五：如果是：li:定义列表项目
一般考虑浮动：folat:left position:relative;
六：如果表示鼠标移到标签的样式
例如：#navigator ul li:hover ul{ //当鼠标移动到到ul li上ul的样式
visibility:hidden; ul的样式是可见的
ul li 也就是导航栏里的每一个元素。鼠标放上去后会出来的效果
在后面又加了ul 说明弹出的是一个ul元素 说白了就是鼠标滑过导航栏的效果
}
七：如果是 li a{}标签中：li是列表项目 a 是一个链接就会有字体
color:
text-decoration文字是否需要下划线
内边距：
外边距：
display:block; 表示每一个a标签都是一个块级元素
text-align:文字居中
background-color：背景颜色
八：设置body图片随界面中的大小而改变
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px auto;
height: auto;
width: 800px;
border: 1px solid #006633;
background-image: url(images/admin/bis3.jpg);
style=“background-repeat:no-repeat”;
background-size:100% 100%;
background-attachment: fixed;
}
假如有有一个表格第一步：
(1)
*{
margin:0px; //表示边距：一般有上下左右四个边距
padding:0px;
}
（1）padding-left:10px; 左内边距
（2）padding-right:10px; 右内边距
（3）padding-top:10px; 上内边距
（4）padding-bottom:10px; 下内边距
（5）padding：10px; 四边统一内边距
（6）padding:10px 20px; 上下、左右内边距
（7）padding:10px 20px 30px; 上、左右、下内边距
（8）padding:10px 20px 30px 40px; 上、右、下、左内边距
（1）margin-left:10px; 左外边距
（2）margin-right:10px; 右外边距
（3）margin-top:10px; 上外边距
（4）margin-bottom:10px; 下外边距
（5）margin:10px; 四边统一外边距
（6）margin:10px 20px; 上下、左右外边距
（7）margin:10px 20px 30px; 上、左右、下外边距
（8）margin:10px 20px 30px 40px; 上、右、下、左外边距
(2)
body{
font-family:Arial,Helvetica,sans-serif; //Arial,Helvetica,sans-serif 这三种都是字体：如果没有第一种字体就显示第二种字体
font-size:12px; //字体大小
margin:0px auto; //表示上下外边距为0px，左右外边距自动
height:auto; //代表意思就是高度随即，根据div和css样式表的变化而变化，是一个不定值
width:800px;
border:1px solid #006633; //1px：表示边框的厚度 solid:表示边框是实线 后面表示边框的颜色
}
(3)
#navigator ul {
list-style-type: none; //表示：设置列表的格式为none,也就是没有格式，
//列表格式有好几种就，有前面是圆点的，有小正方形的
}
(4)
(1)iframe元素会创建包含另外一个文档的内联框架（即行内框架）
(2)ifname透明：为什么要透明因为iframe的默认底色是白色，这时如果有个背景颜色时，中间就是不和谐。
透明的主要代码是使用了allowtranaparency=“true” style=“background-color=transparent”
(5)
#navigator li a:hover { //表示鼠标移到a上头的样式
background-color: #006633; //当鼠标移到a上a的背景颜色
color: #FFFFFF;
}
div li a:hover表示鼠标移动到a上头的样式
div li:hover a 表示鼠标移到li上头时，a的样式
含义不大一样，但有时表现出来的效果是一样的
(6)
#navigator ul li ul {
visibility: hidden; //visibility：设置可见还是隐藏 这里是隐藏 visibility:visible 为能见度：可见;
position: absolute; //position: absolute:表示绝对位置， 比如可以通过
}
(7)
#navigator li a { //这里设置的就是 li 中a标签的样式
color: #000000; //设置颜色
text-decoration: none; //表示文本没有下划线，一般用来去除a标签默认样式的下滑线
padding-top: 4px;
display: block; //是让对象成为块级元素，此元素前后会有换行符，display属性规定元素应该生成的框的类型
width: 98px;
height: 22px;
text-align: center; //标签中的文本居中 align:center:是指标签居中
background-color: PaleGreen;
margin-left: 2px;
}
(8)
- 添加商品
target属性：规定在何处打开链接文档
如果在一个 标签内包含一个target属性，浏览器将会载入和显示用这个标签的href属性命名的，名称与这个目标吻合的框架或者窗口中的文档。
如果这个指定名称或id的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定标记，
然后将新的文档载入那个窗口，从此以后，超链接就可以指向这个新的窗口.
属性值：
_blank:在新窗口打开被链接文档；
_self:默认，在相同的框架中打开被链接文档；
_parent:在父框架中打开被链接文档；
_top:在整个窗口打开被链接文档；
framename:在指定的框架中打开被链接的文档；