关于一些HTML、css的整理（1）

数据框数据提交到服务器

一次性提交，多次提交
一次性提交
form–把所有数据打包一起
一次性提交服务器
action 服务器地址
method 安全、快速、附件
method=“get” 快 不安全
method=“post”慢 安全
附件提交
method=“post”
enctype=“multipart/form=data”
单行文本框

换行
white-space 空格也能换行
（留白区域： ；空格
）
white-space:nowrap;(nowrap:永不换行，除非遇到 br)
注意：nbsp；会保留 手工空格，会合并为一个
white-space:preserv;(preserv:保留)

word-warp 换行 （温柔）
单词太长，先把它推到下一行试试，不够宽再分行
word-wrap: break-word;
word-break 换行 （霸道）
直接把长单词分行
word-break: break-all;

背景图片

background（img是数据标签）
：red url（1.jpg） repeat-x/repeat-y/no-repeat/默认
backgroued-origin:背景图片出现的起点位置
border-box padding-box content-box
background-clip
background-size: 10px 10px 把图片变成10*10大小
cover 缩放一定比例全覆盖
contain 按照一定比例 ，部分覆盖
边框
border：宽度 形状 颜色；缺一不可
形状：solid 实线
dashed 方格点
dotted 圆点

Css3 3个边框特效

1. border-radius：圆角
2. box-shadow：阴影效果
   box-shadow：
   10px 左侧 20px 上 20px 范围 red颜色 ；
3. 重置大小resize
   resize必须和overflow同时使用
   resize：horizontal水平
   vertical 垂直
   both 两个都用

数据过长 变成 …
需要三个样式
text-overflow：ellipsis；
overflow：hidden；
white-space：nowrap;

伪元素

::first-letter
::first-line
::before
::afater
:disabled 控件 不可用时侯
:enabled 可用
:checked 被选中（单选、复选）
：：selection 文字