css

css优先级

(慎用)!important > style(行内) > id > class > tag(标签)

行内样式 > 内部样式 > 外部样式表

就近原则

font:  italic   bold  30px   "Micosoft Yahei";

          倾斜  加粗    大小     字体

text-align:center

文本水平的一个排列方式:

left(默认)   center right 

line-height: 100px; 设置文本的垂直居中

text-decoration: none ; 没有下划线

                          underline 下划线

伪类

选择器：hover{...} 鼠标悬停元素上的样式

cursor: pointer ；手型

网页中最好资源的是图片。好比你去超市购物，买了10件商品，肯定是用一个购物袋装起来，减少频繁次数。

把这些小图标放到一张大图上，这样就向服务器请求一次，然后在需要那个图标，就在那个大图上定位小图

css的雪碧图:

优势：提升性能，代码优化、

.box .one{...} 表示one是 box 下面的子孙元素

background: #fff    url('../images/spring.png') no-repeat -699px; -110px;

相对定位：相对自己 ../ 表示上一级目录   ../../爸爸的爸爸

绝对定位：地球 亚洲 中国 陕西 西安 莲湖区 丰汇北路 （不推荐）

列表

无序列表  ul li

有序列表  ol li

自定义列表    dl dt(放标题) dd(内容)

list-style: none 讲前面默认图标去除

ul,ol,,,,{...}

colspan = "4" 合并列

rowspan = "5" 合并行

表单使用情景

<form   method   =  "post"  action = "result.html">

              提交的方式               前台提交的去处(后台接收前台数据的url)

              get  post                    

get & post 的区别：

           1.传输的大小，get 约等于  4K,post   比较大

            2.get 比较相对不安全 post 相对安全

                      背景色                图片路径          是否平铺           图片定位