CSS 语法一览字体属性字体属性 font family font size font style font weight font variant font 描述用一个指定的字体名或一个种类的字体族科字体显示的大小设定字体风格以 bold 为值可以使字体加粗设置英文大小写转换组合设置字体属性

Size: px

Start display at page:

Download "CSS 语法一览字体属性字体属性 font family font size font style font weight font variant font 描述用一个指定的字体名或一个种类的字体族科字体显示的大小设定字体风格以 bold 为值可以使字体加粗设置英文大小写转换组合设置字体属性"

兵象施
4 years ago
Views:

1 CSS 语法一览字体属性字体属性 font family font size font style font weight font variant font 描述用一个指定的字体名或一个种类的字体族科字体显示的大小设定字体风格以 bold 为值可以使字体加粗设置英文大小写转换组合设置字体属性 Font style 字体风格属性值 Font style 属性值 italic oblique 斜体偏斜体 Font weight 字体加粗属性值 Font weight 属性值 bold 粗体, 字体粗细约为 700 bolder 粗体再加粗, 字体粗细约为 900 lighter Font variant 字体大小写属性值比默认字体还细共有 100 到 900 九个级别, 数字越小字体越细, 数字越大字体越粗 Font variant 属性值 small caps 将小写英文字体转换为大写英文字体文本属性

2 文本属性 letter spacing word spacing text decoration text align text indent line height text transform 描述定义一个附加在字符之间的间隔数量定义一个附加在单词之间的间隔数量文本修饰属性允许通过五个属性中的一个来修饰文本设置文本的水平对齐方式, 包括左对齐右对齐居中两端对齐文字的首行缩进行高属性接受一个控制文本基线之间的间隔的值控制英文文字大小写 letter spacing 字符间距属性值 Letter spacing 属性值 <length> 长度单位 Word spacing 单词间距属性值 Word spacing 属性值 <length> 长度单位 Text decoration 文字修饰属性值 Text decoration 属性值 underline overline line through blink 文字加下划线文字加上划线文字加删除线闪烁文字, 只有 netscape 浏览器支持默认值 Text align 文字对齐属性值 Text align 属性值 left right center justify 居左对齐居右对齐居中对齐两端对齐

3 Text transform 英文大小写属性值 text transform 属性值 capitalize uppercase lowercase 将每个英文单词的首字大写将每个英文字母均转换为大写将每个英文字母均转换为小写默认值颜色和背景属性颜色和背景属性 color background color background image background repeat Background position Background 定义颜色描述设定一个元素的背景颜色设定一个元素的背景图象决定一个指定的背景图象如何被重复设置水平和垂直方向上的位置组合设置背景属性 background repeat 背景重复属性值 background repeat 属性值 repeat repeat x repeat y no repeat 背景图像平铺背景图像以 x 轴方向平铺背景图像以 y 轴方向平铺背景图像不平铺 Background position 背景位置属性值 background position 属性值 value top center bottom left center right 以百分比的形式 (x% y%) 或绝对单位的形式 (x y) 设定背景图像的位置背景图像垂直居顶背景图像垂直居中背景图像垂直居底背景图像水平居左背景图像水平居中背景图像水平居右

4 边框属性边框属性描述 border color 边框颜色 border style 边框样式 border width 边框宽度 border top color 上边框颜色 border left color 左边框颜色 border right color 右边框颜色 border bottom color 下边框颜色 border top style 上边框样式 border left style 左边框样式 border right style 右边框样式 border bottom style 下边框样式 border top width 上边框宽度 border left width 左边框宽度 border right width 右边框宽度 border bottom width 下边框宽度 border 组合设置边框属性 border top 组合设置上边框属性 border left 组合设置左边框属性 border right 组合设置右边框属性 border bottom 组合设置下边框属性 Border style 边框样式属性值 Border style 属性值无边框 dotted 边框由点组成 dash 边框由短线组成 solid 边框是实线 double 边框是双实线 groove 边框带有立体感的沟槽 ridge 边框成脊形 inset 边框内嵌一个立体边框 outset 边框外嵌一个立体边框

5 方框属性方框属性 float clear clip width height padding margin overflow position z index visibility 让文字环绕在一个元素的四周描述指定在某一个元素的某一边是否允许有环绕的文字或对象限定只显示裁切出来的区域设定对象的宽度设定对象的高度决定了究竟在边框与内容之间应该插入多少空间距离设置一个元素在四个方向上与浏览器窗口边界或上一级元素的边界的距离当对象内的内容超出对象所能容纳的范围时的处理方式设置对象的位置决定对象的先后顺序和覆盖关系针对嵌套地下的可视性设置 Float 环绕属性值 float 属性值 Left right 禁用 float 属性居左对齐居右对齐 Overflow 溢出属性值 overflow 属性值 Visible Hidden Scroll Auto 无论对象的大小, 内容都会显示出来会隐藏超出对象的大小的内容不管内容是否超出对象的范围, 选中此项都会为对象添加滚动条只在内容超出对象的范围时才显示滚动条列表属性列表属性 list style type list style image List style position 描述设定引导列表项目的符号类型选择图像作为项目的引导符号决定列表项目所缩进的程度 list style type 列表样式类型属性值 List style type 属性值

6 disc circle square decimal lower roman upper roman lower alpha upper alpha 在文本行前面加实心圆在文本行前面加空心圆在文本行前面加实心方块在文本行前面加普通的阿拉伯数字在文本行前面加小写罗马数字在文本行前面加大写罗马数字在文本行前面加小写英文字母在文本行前面加大写英文字母不显示任何项目符号或编号 list style position 列表位置属性值 List style position 属性值 outside inside 列表贴近左侧边框列表缩进其他属性 Cursor 鼠标光标属性值鼠标光标属性值 hand crosshair text wait Default help e resize ne resize n resize nw resize w resize sw resize s resize se resize 描述手交叉十字文本选择符号 Windows 的沙漏形状默认的鼠标形状带问号的鼠标向东的箭头指向东北方的箭头向北的箭头指向西北的箭头向西的箭头向西南的箭头向南的箭头向东南的箭头 CSS 滤镜 alpha BlendTrans 滤镜透明的层次效果淡入或淡出效果描述

7 blur chroma dropshadow fliph flipv Glow Gray Invert Mask RevealTrans Shadow Wave Xray 快速移动的模糊效果特定颜色的透明效果阴影效果水平翻转效果垂直翻转效果边缘光晕效果灰度效果将颜色的饱和度及亮度值完全反转遮罩效果使用特定种类的转换效果渐变阴影效果波浪变形效果 X 射线效果 Alpha 滤镜属性值 Alpha 滤镜属性值 opacity finishopacity style Startx Starty Finishx Finishy 代表透明度水准默认的范围是从 0 到 100, 其实是百分比的形式也就是说,0 代表完全透明,100 代表完全不透明是一个可选参数, 如果想要设置渐变的透明效果, 就可以使用它们来指定结束时的透明度范围也是 0 到 100 参数指定了透明区域的形状特征其中 0 代表统一形状 1 代表线形 2 代表放射状 3 代表长方形代表渐变透明效果的开始 X 坐标代表渐变透明效果的开始 Y 坐标代表渐变透明效果结束 X 的坐标代表渐变透明效果结束 Y 的坐标 BlendTrans 滤镜属性值 BlendTrans 滤镜属性值 Duration 网页过渡效果的延续时间, 单位为秒 Blur 滤镜属性值 Add Blur 滤镜属性值 Direction 是一个布尔判断 TRUE( 默认 ) 或者 FALSE 它指定图片是否被改变成印象派的模糊效果用来设置模糊的方向其中 0 度代表垂直向上, 然后每 45 度为一个单位它的默认值是向左的 270 度

8 Strength 只能使用整数来指定, 它代表有多少像素的宽度将受到模糊影响默认是 5 个 DropShadow 滤镜属性值 Dropshadow 滤镜属性值 Color Offx Offy Positive 设置阴影颜色阴影相对于原始对象的水平位置阴影相对于原始对象的垂直位置设置阴影的透明,0 为透明,1 为不透明 Glow 滤镜属性值 Glow 滤镜属性值 RevealTrans 滤镜属性值 Color 设定边缘光晕的颜色 Strength 设定边缘光晕的强度大小, 取值为 RevealTrans 滤镜属性值 Duration Transtion 网页过渡效果的延续时间, 单位为秒过渡效果的方式编号 Transtion 属性值编号 Transtion 属性值编号 0 盒状收缩 1 盒状展开效果 2 圆形收缩 3 圆形展开 4 向上擦除 5 向下擦除 6 向左擦除 7 向右擦除 8 垂直百页窗 9 水平百页窗 10 横向棋盘式 11 纵向棋盘式 12 溶解 13 左右向中部收缩

9 Shadow 滤镜属性值 14 中部向左右展开 15 上下向中部收缩 16 中部向上下展开 17 阶梯状向左下展开 18 阶梯状向左上展开 19 阶梯状向右下展开 20 阶梯状向右上展开 21 随机水平线 22 随机垂直线 23 随机 Shadow 滤镜属性值 Color Direction 设定渐变阴影的颜色设定阴影的方向 Wave 滤镜属性值 wave 滤镜属性值 Wave Add Freq 属性把对象按垂直的波形样式打乱默认是 TRUE ( 非 0) 表示是否要把对象按照波形样式打乱是波纹的频率, 也就是指定在对象上一共需要产生多少个完整的波纹 Lightstrength 可以对于波纹增强光影的效果, 范围 Phase Strength 用来设置正弦波的偏移量代表振幅大小

css样式大全(整理版）

css样式大全(整理版） css 样式大全 ( 整理版 ) 字体属性 :(font) 大小 {font-size: x-large;}( 特大 ) xx-small;( 极小 ) 一般中文用不到, 只要用数值就可以, 单位 :PX PD 样式 {font-style: oblique;}( 偏斜体 ) italic;( 斜体 ) normal;( 正常 ) 行高 {line-height: normal;}( 正常 ) 单位

CSS 语法一览 字体属性 字体属性 font family font size font style font weight font variant font 描述用一个指定的字体名或一个种类的字体族科字体显示的大小设定字体风格以 bold 为值可以使字体加粗设置英文大小写转换组合设置字体属性

CSS 语法一览字体属性字体属性 font family font size font style font weight font variant font 描述用一个指定的字体名或一个种类的字体族科字体显示的大小设定字体风格以 bold 为值可以使字体加粗设置英文大小写转换组合设置字体属性