ie6只兼容a:hover 别的hover不兼容
层级选择器里面用+号表示紧跟着的兄弟元素
一般有浮动的元素都要加宽度
float:left; left可以替换成像素
导航的三种加宽:
只用width实现:字数一致的时候可行
只用padding实现:完美
只用margin实现:必须保证li里面没有修饰的东西 比如竖杠啥的东西
css新增的属性:
border-radius 圆角边框
border-top-left-radius:左上圆角半径
border-sizing:border-box 忽略内边距和边框 在量宽和高的时候就可以连同内边距和边框一块量了
@font face
font-famil:(这里自己起个名字)
src:url(../font/xxx.otf);
然后下面引用的时候font-famil用上面起的名字就ok了
一行文本实现省略号
text-overflow(文本溢出处理):ellipsi(省略号形式显示)/clip(裁切掉)
下面这俩都不是新增的:
overflow:内容溢出处理:auto/hidden/visible/scroll
overflow-x
overflow-y
white-space:norap(不换行)
word-wrap:break-word 打断一个单词 单词换行显示了
text-stroke:1px red;给文字描边
text-stroke-width:1px;
text-stroke-color:red;
text-fill-color:red; 文字填充
文字阴影
text-shadow:x y blur color (x.y不能省略,没有的话写0 后面的两项可以省略)
x值得是阴影部分水平方向的偏移 y是垂直方向 xy可以是负值
blur:阴影的大小 不可是负值
color:阴影的颜色
text-shadow:x y blur color,x y blur color,x y blur color,x y blur color;
盒阴影
box-shadow:x y blur size color outset/inset
x值得是阴影部分水平方向的偏移 可以负值
y是垂直方向 xy可以是负值 可以负值
blur:阴影的大小 不可是负值
size
color:阴影的颜色
border-image-
先变成智能对象 再变成栅格化图层 然后ctrl+e
属性选择器
[标签属性]
[标签属性=属性值]
outline=none;取消外框线
outline:1px solid red;自定义一个外边框类型
在div里面用opacity内容和颜色都透明
background里面用rgba实现透明 只有颜色透明
层级选择器里面用+号表示紧跟着的兄弟元素
一般有浮动的元素都要加宽度
float:left; left可以替换成像素
导航的三种加宽:
只用width实现:字数一致的时候可行
只用padding实现:完美
只用margin实现:必须保证li里面没有修饰的东西 比如竖杠啥的东西
css新增的属性:
border-radius 圆角边框
border-top-left-radius:左上圆角半径
border-sizing:border-box 忽略内边距和边框 在量宽和高的时候就可以连同内边距和边框一块量了
@font face
font-famil:(这里自己起个名字)
src:url(../font/xxx.otf);
然后下面引用的时候font-famil用上面起的名字就ok了
一行文本实现省略号
text-overflow(文本溢出处理):ellipsi(省略号形式显示)/clip(裁切掉)
下面这俩都不是新增的:
overflow:内容溢出处理:auto/hidden/visible/scroll
overflow-x
overflow-y
white-space:norap(不换行)
word-wrap:break-word 打断一个单词 单词换行显示了
text-stroke:1px red;给文字描边
text-stroke-width:1px;
text-stroke-color:red;
text-fill-color:red; 文字填充
文字阴影
text-shadow:x y blur color (x.y不能省略,没有的话写0 后面的两项可以省略)
x值得是阴影部分水平方向的偏移 y是垂直方向 xy可以是负值
blur:阴影的大小 不可是负值
color:阴影的颜色
text-shadow:x y blur color,x y blur color,x y blur color,x y blur color;
盒阴影
box-shadow:x y blur size color outset/inset
x值得是阴影部分水平方向的偏移 可以负值
y是垂直方向 xy可以是负值 可以负值
blur:阴影的大小 不可是负值
size
color:阴影的颜色
border-image-
先变成智能对象 再变成栅格化图层 然后ctrl+e
属性选择器
[标签属性]
[标签属性=属性值]
outline=none;取消外框线
outline:1px solid red;自定义一个外边框类型
在div里面用opacity内容和颜色都透明
background里面用rgba实现透明 只有颜色透明