第一篇：常用CSS缩写语法总结
font字体缩写字体缩写是针对字体样式的缩写形式，包含字体、字号等属性，使用方法如下：
font:font-style font-variant font-weight font-size line-height font-family 对于字体的样式缩写，只需要使用font作为属性名称，后接各个属性的值即可，使用空格分开，例如：
p {font:italic normal bold 12pt/18pt 宋体;} 此代码将使p对象出现斜体、大小写默认、加粗、12pt大小、18pt行高、宋体的字体样式。使用css缩写时，不需要的参数可以使用normal 代替，也可以直接去掉这个参数，因为css中的各个属性的值写法并不是都相同，因此直接去掉某个参数不会影响顺序与值的关系。但是也会有例外，如本例中的 12pt/18pt指的是font-size字号与line-height行号使用反斜线分隔，因为font-size与line-height的值有可能使用同一计量单位，为了保证css对两个值所对应的属性一致，必须使用反斜线来分隔两个数值。如果对于传统写法，我们必须使用以下的形式：
p { font-style:italic;font-variant:normal;font-weight;bold;font-siize:12pt;font-height:18pt;font-family:宋体;} 字体缩写只用一句话便完成了上述的6个属性的设置，节省了大量的css代码，对于其它属性的缩写也是如此。
常见margin与padding边距缩写margin外边距与padding内边距是制作布局时常用到的两个属性，在传统写法上，我们通常使用以下形式： margin-top:120px;margin-left:80px;margin-right:20px;margin-bottom:10px;padding也是如此，而在css缩写中，可以使用缩写的编写方式，margin及padding的缩写在默认状态下需要提供4个参数，按顺序分别为上、右、下、左。： margin:margin-top margin-right margin-bottom margin-left padding:padding-top padding-right padding-bottom padding-left 也可以使用1个、2个或3个参数来进行编写，例如： p {margin:20px;} 单独使用一个参数，将表示p对象四周的外边距都为20px;p {margin:20px 10px;} 使用两个参数是非常特殊的写法，表示对上下或左右的样式控制，当前样式表示p对象的上下边距为20px，而左右边距为10px。p {margin:20px 10px 100px;} 使用3个参数表示上边距为20px，左右边距为10px，下边距为100px。p {margin:120px 20px 10px 80px;} 4个参数则是margin属性的完整写法，分别表示上边距120px，右边距20px，下边距10px及左边距80px。整个对象的margin为从上开始顺时针方向的边距设置，对于padding属性，设置方法与margin完全相同。
border边框缩写border对象本身是一个非常复杂的对象，包含了四条边的不同宽度、不同颜色及不同样式，所以border对象提供的缩写形式相对来说也要丰富很多，不仅可以对整个对象进行border缩写，也可以对单独某一个边进行缩写，对于整个对象而言，使用如下的格式进行缩写： border:border-width border-style color 代码示例：
p {border:1px solid blue;}实线边框
p对象将被设置4个边均为1px宽度、实线、蓝色边框的样式。border对于4个边都可以单独使用此样式，语法格式如下： border-top:border-width boeder-style color border-right:border-width boeder-style color border-bottom:border-width boeder-style color border-left:border-width boeder-style color 通过上面的属性，我们就可以针对每一个边都设置不同的样式，例如： p { border-top:1px solid blue;border-right:1px dashed red;} 上边框我们设置为1px蓝色实线，而右边框则是1px红色实线。
除了对于边框整体及4个边单独的缩写之外，border还为我们提供了对于border-style、border-width以及border-color的单独缩写方式，语法格式如下：
border-width:top right bottom left border-color:top right bottom left border-style:top right bottom left 代码示例：
p { border-width:1px 2px 3px 4px;border-color:blue white red green;border-style:solid dashed;} 通过以上的代码，p对象的4个边框的宽度将分别为上1px右2px下3px左4px，而颜色为蓝、白、红、绿4个颜色，边框风格上下为单线，左右为虚线。同margin与padding的缩写一样，所有参数的顺序都是上右下左的顺时针顺序，而且支持1-4个参数不同的编写方式。
list列表缩写list缩写是针对list-style-type、list-style-position等用于ul的list属性，语法格式如下：
list-style:list-style-type list-style-position list-style-image 代码示例：
ul {list-style:disc outside none;} ul对象将被设置为圆点、出现在对象外、不带图像的list-style样式。background背景缩写
背景缩写用于针对背景控制的相关属性进行缩写，其语法格式如下： background:background-color background-image background-repeat background-attachment background-position 再来回顾一下背景控制中有关背景缩写的实例，对比一下目前提供的完整语法格式。
缩写前的代码：
#content { background-color:#ededed background-image:url(img/bg.GIF);background-repeat:no-re[eat;background-position:30% 20px;} 改进后的代码：
#content {background:#ededed url(img/bg.GIF)no-repeat 30% 20px;}
color颜色缩写css对于颜色代码也提供了简单的缩写模式，主要针对16进制颜色代码。16进制代码传统写法一般使用#ABCDEF，ABCDEF分别代表6个 16进制数，css的颜色缩写必须符合一定要求，当A与B数字相同，C与D数字相同，E与F数字相同时，可以使用颜色缩写，如 #ffffff 可以缩写为 #fff，#2255bb可以缩写为 #25b。
第二篇：html和css总结
Html 超文本标签语言，用<>表示一个一个标签，必须有头有尾，
….
网页内容写在里面 分为两大类：行级标签和块级标签 行级标签以行为单位，不会自动换行 块级标签以块为单位，新建是自动换行 块级标签分为基本块级标签 标题标签到 段落标签
分割线标签
布局块级标签 有序列表标签
无序列表标签
- 标题
- …
图像标签 src 导入图片的地址，alt是当图片打不开时显示的文字，title表示鼠标悬停时提示的文字 链接标签
… Href 要打开链接的路径，target表示链接打开的位置，…表示点击那里触动链接 常用的超链接 页面间 锚链接 创建跳转标记
乙位置 创建跳转链接
甲位置 表示在页面上从甲位置通过name=“marker”跳转到乙位置。功能性链接
行级标签： 范围标签 用style设置属性 换行标签
表单元素： 单行文本框：text 密码框：password 单选按钮：radio 提交按钮：submit 重置按钮：reset 普通按钮：button 图片按钮：image 复选框：checkbox 下拉列表：select 文本域：textarea 文件域：file 下拉列表 文本域 其他都是 几个表单元素的属性需要特殊记忆 readonly 表示只读 disable表示禁用
selected表示下拉列表默认选中项
checked表示设置单选或者复选的默认选中项
name表示在服务器端可以通过该属性来获得表单元素的值
框架