CSS样式 文字样式
来源:互联网 发布:dnf趣味数据怎么查 编辑:程序博客网 时间:2024/04/26 04:41
CSS文字属性:
color : #999999;
font-family : 宋体,sans-serif;
font-size : 9pt;
font-style:itelic;
font-variant:small-caps;
letter-spacing : 1pt;
line-height : 200%;
font-weight:bold;
vertical-align:sub;
vertical-align:super;
text-decoration:line-through;
text-decoration:overline;
text-decoration:underline;
text-decoration:none;
text-transform : capitalize;
text-transform : uppercase;
text-transform : lowercase;
text-align:right;
text-align:left;
text-align:center;
text-align:justify;
vertical-align属性
vertical-align:top;
vertical-align:bottom;
vertical-align:middle;
vertical-align:text-top;
vertical-align:text-bottom;
三、CSS符号属性:
list-style-type:none;
list-style-type:decimal;
list-style-type:lower-roman;
list-style-type:upper-roman;
list-style-type:lower-alpha;
list-style-type:upper-alpha;
list-style-type:disc;
list-style-type:circle;
list-style-type:square;
list-style-image:url(/dot.gif);
list-style-position:outside;
list-style-position:inside;
四、CSS背景样式:
background-color:#F5E2EC;
background:transparent;
background-image : url(/image/bg.gif);
background-attachment : fixed;
background-repeat : repeat;
background-repeat : no-repeat;
background-repeat : repeat-x;
background-repeat : repeat-y;
指定背景位置
background-position : 90% 90%;
background-position : top;
background-position : buttom;
background-position : left;
background-position : right;
background-position : center;
五、CSS连接属性:
a
a:link
a:visited
a:active
a:hover
鼠标光标样式:
链接手指 CURSOR: hand
十字体 cursor:crosshair
箭头朝下 cursor:s-resize
十字箭头 cursor:move
箭头朝右 cursor:move
加一问号 cursor:help
箭头朝左 cursor:w-resize
箭头朝上 cursor:n-resize
箭头朝右上 cursor:ne-resize
箭头朝左上 cursor:nw-resize
文字I型 cursor:text
箭头斜右下 cursor:se-resize
箭头斜左下 cursor:sw-resize
漏斗 cursor:wait
光标图案(IE6) p {cursor:url("光标文件名.cur"),text;}
六、CSS框线一览表:
border-top : 1px solid #6699cc;
border-bottom : 1px solid #6699cc;
border-left : 1px solid #6699cc;
border-right : 1px solid #6699cc;
以上是建议书写方式,但也可以使用常规的方式 如下:
border-top-color : #369
border-top-width :1px
border-top-style : solid
其他框线样式
solid
dotted
double
groove
ridge
inset
outset
七、CSS表单运用:
文字方块
按钮
复选框
选择钮
多行文字方块
下拉式菜单 选项1选项2
八、CSS边界样式:
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
九、CSS边框空白
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px; /*左边框留空白
color : #999999;
font-family : 宋体,sans-serif;
font-size : 9pt;
font-style:itelic;
font-variant:small-caps;
letter-spacing : 1pt;
line-height : 200%;
font-weight:bold;
vertical-align:sub;
vertical-align:super;
text-decoration:line-through;
text-decoration:overline;
text-decoration:underline;
text-decoration:none;
text-transform : capitalize;
text-transform : uppercase;
text-transform : lowercase;
text-align:right;
text-align:left;
text-align:center;
text-align:justify;
vertical-align属性
vertical-align:top;
vertical-align:bottom;
vertical-align:middle;
vertical-align:text-top;
vertical-align:text-bottom;
三、CSS符号属性:
list-style-type:none;
list-style-type:decimal;
list-style-type:lower-roman;
list-style-type:upper-roman;
list-style-type:lower-alpha;
list-style-type:upper-alpha;
list-style-type:disc;
list-style-type:circle;
list-style-type:square;
list-style-image:url(/dot.gif);
list-style-position:outside;
list-style-position:inside;
四、CSS背景样式:
background-color:#F5E2EC;
background:transparent;
background-image : url(/image/bg.gif);
background-attachment : fixed;
background-repeat : repeat;
background-repeat : no-repeat;
background-repeat : repeat-x;
background-repeat : repeat-y;
指定背景位置
background-position : 90% 90%;
background-position : top;
background-position : buttom;
background-position : left;
background-position : right;
background-position : center;
五、CSS连接属性:
a
a:link
a:visited
a:active
a:hover
鼠标光标样式:
链接手指 CURSOR: hand
十字体 cursor:crosshair
箭头朝下 cursor:s-resize
十字箭头 cursor:move
箭头朝右 cursor:move
加一问号 cursor:help
箭头朝左 cursor:w-resize
箭头朝上 cursor:n-resize
箭头朝右上 cursor:ne-resize
箭头朝左上 cursor:nw-resize
文字I型 cursor:text
箭头斜右下 cursor:se-resize
箭头斜左下 cursor:sw-resize
漏斗 cursor:wait
光标图案(IE6)
六、CSS框线一览表:
border-top : 1px solid #6699cc;
border-bottom : 1px solid #6699cc;
border-left : 1px solid #6699cc;
border-right : 1px solid #6699cc;
以上是建议书写方式,但也可以使用常规的方式 如下:
border-top-color : #369
border-top-width :1px
border-top-style : solid
其他框线样式
solid
dotted
double
groove
ridge
inset
outset
七、CSS表单运用:
文字方块
按钮
复选框
选择钮
多行文字方块
下拉式菜单 选项1选项2
八、CSS边界样式:
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
九、CSS边框空白
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px; /*左边框留空白
- CSS样式 文字样式
- CSS文字样式
- CSS的文字样式
- CSS文字样式
- css文字样式
- CSS文字样式
- CSS基本文字样式
- 【CSS】文字样式
- CSS样式 --- 文字样式 【时刻更新】
- CSS样式——文字样式
- (7)-HTML5-CSS文字样式
- css样式实现过长文字...
- 文字样式
- css 样式文字溢出显示省略号
- 用CSS控制超链接文字样式
- CSS a 控制超链接文字样式
- 图片与文字对齐css样式
- CSS设置字体和文字样式
- 关于离散小波框架变换以及多孔算法(a trous)的学习感悟
- 世界史上的6大古帝国
- HTTP URLConnection
- json与struts2进行数据交互配置详解
- 从开发者的角度审视iOS 6与iPhone 5
- CSS样式 文字样式
- WINSOCK控件在PB中使用--聊天室
- 操作XML文件基本代码
- 自己常用语句 获取重复数据 判断库中有这个表吗
- wince 防止程序创建多个实例,互斥的使用
- hibernate一级缓存和二级缓存的区别与联系以及程序中缓存的分类
- 系统开发时需要注意的SQL写法
- SpringAOP应用(AspectJ)
- HTML5的两种Loading效果