早上五点半起来开始学习，
今天学到了什么？
一、UI元素状态伪类选择器
1、：focus选择器
被用来制定“表单元素”获得光标焦点时使用的样式，主要在单行文本框text，多行文本框textarea等表单元素获得焦点并输入文本时使用
例如：input {outline：1px solid red；}
2、checked选择器
在表单元素中，单选按钮radio和复选框checkbox都具有选中和未选中状态。
在css3中，我们可以通过使用checked选择器来定义选中时的css样式。
但是 暂时只有opera浏览器支持此选择器。
input：checked{background-color：red；}（被选中时是红色）
3、：：selection选择器
默认情况下，刘游览器中鼠标选择的网页文本都是深蓝的背景，白色的字体。但是有时候 我们不想要这种效果，这样改：
div：：selection {background-color:red;
color:white}
4、：enabled选择器和disabled选择器
在web表单中，有些表单元素（比如输入框，密码框，复选框等）有可用和不可用状态
input【type=“text”】:enabled{outline:1px solid #63e3ff;}
input [type="text"]:disabled{background-color:#ffd572;}
5/:read-write和:read-only选择器
在文本中有些表单有可读写和只读这两种状态。
input[type="text"]:read-write{outline:1px solid #63e3ff;}
inpu[type="text"]:read-only{background-color:#eeeeee;}
6、::before和::after选择器
在css3中我们可以使用：：before和：：after这两个选择器在元素前面或后面添加内容。通常和“content”属性配合使用，使用场景 最多的是清除浮动和创建小图标
div::before{content:绿叶学习网；}
二、文本属性
1、text-shadow属性
语法：text-shadow：水平偏移，垂直偏移，模糊程度，颜色；
文字凸起效果：将上右和向下的阴影设置为白色（#fff）,文字就会凹陷。若将向左和向上的阴影颜色设置为白色就会有凸起。
text-shadow:-1px 0 #333,左0 -1px #333,上1px 0 #333,右0 1px #333;下
2、文字描边属性 text-stroke 是复合属性，由text-stroke-width和text-stroke-color组成。
此属性不常用，但是配合color：transparent使用，可以创建镂空文字。
3、文本溢出
text-overflow：ellipsis；文本超出省略号代替
white-space：nowrap;强制文本在一行显示
overflow：hidden；溢出内容为隐藏
需要三者一起使用才有效果
4、强制换行
word-wrap两个取值 normal，默认自动换行
和break-word，长单词或URL地址强制换行。
5、嵌入字体@font-face就是加再服务器端的字体文件，让浏览器可以显示用户电脑里没有安装的字体
@font-face{font-family：myfont;
src:url("字体文件路径")}先定义
div{font-family：myfont;}再引用
不建议中文网站使用，文件太大
6、字体尺寸font-size-adjust属性
在网页中，如果改变了字体类型 则页面中使用该字体类型的文字大小都有可能发生变化，从而导致原来设定好的页面布局产生混乱，使用此属性可以保持字体大小不变。
三、学习了css3 的图片悬停
明日计划：
一，学习手机端布局。
二、看html the missing manual 书本50页
二、学习绿叶学习网css3的，颜色，边框，背景，变形。