HTMLCSS中用户界面还有表单布局css渐变色笔记

用户界面
1.outline-offset 边距和轮廓的距离
单位：像素或百分比
2.resize 设置标签宽高可调整
必须与overflow： auto连用
none无 both都可以调整 horizontal 水平调整 vertical垂直调整 inherit默认继承
3.zoom 等比缩放
单位：数字，可以为小数，不能为负数
css3 选择器
1.ul li：first-child{}查找第一个孩子
2.ul li：last-child{}查找最后一个孩子
4.ul li：nth-child（3）{}查找指定孩子
even偶数 odd基数 3n找倍数
5. ul li：only-child（3）{}查找指只有一个孩子
6.div p:first-of-type{}查找第一个兄弟
7.div p:last-of-type{}查找最后一个兄弟
8.div p:nth-of-type（2）{}查找指定兄弟
9.div p:only-of-type{}查找只有一个兄弟
10.div：not（：last）{}刨除某一个元素
11.div：empty{}选择没有任何子元素的
html5标签
媒体文件
音频标签
视频标签
src路径 autoplay 自动播放 controls显示控件
例如：
< autdio src=“9420.MP3” controls>
对不起，你的音频格式不支持
<source src=“9420.ogg”type=“audio/ogg”>
<source src=“9420.wma”type=“audio/wma”>
< /audio>
表单
1.日期< input type=“date”>
年月< input type=“month”>
时钟< input type=“time”>
2.数字< input type=“number”>
3.滚动条< input type=“range”>
min最小值 max最大值 step步长（数字滚动条通用）
4.颜色< input type=“color“>
5.邮箱< input type=“email“>
6.电话< input type=“tel“>
7.搜索框< input type=“search“>
8.地址框< input type=“url“>
属性
required设置文本框为必输项
placeholder 设置文本框的提示语
布局标签
1.header 头部
2. footer尾部
3.section 段落部分
4.ariticle 文章部分
5.aside 旁边部分
6.nav 菜单
css渐变色
线性渐变
background：-webkit-gradient（linear，left center，right center，from（red），to
（ yellow），color-stop（0.4，blue））；
值：线性渐变，开始位置，结束位置，开始颜色，
结束颜色，插入颜色（位置，颜色）…
backgroud：linear-gradient（to left top，#333，yellow，#fff）；
值：开始位置，颜色1，颜色2，颜色3…
径向渐变
background:-webkit-gradient(radial,150 150,10,150 150,300,from(color),to(color),color-stop(0.4,blue));
值：径向渐变，内圆坐标，内圆半径，外圆坐标，外圆半径，开始颜色，结束颜色，插入颜色。。。。
background：radial-gradient（ circle at 30%，yellow，blue）；
值：中心点位置，颜色1，颜色2，颜色3…