码迷,mamicode.com
首页 > Web开发 > 详细

15-CSS控制文字及链接

时间:2020-03-22 13:46:50      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:自动换行   文本   color   不同   默认值   删除线   转换   api   换行   

应用CSS样式时,一定要注意它的默认值。不同的浏览器默认值不一样
CSS控制文本
  设置字体样式         font-style:normal [正常] italic [斜体]
  修饰文字           text-decoration:none [正常] underline [下划线] overline [上划线] line-through [删除线] blink [闪烁](只有火狐浏览器会出现效果)
  字符间距             letter-spacing:normal [默认] length [长度单位]
  单词间距           word-spacing:normal [默认] length [长度单位]
  设置对象中文本缩进     text-indent:2em 可以为负值
  文本水平对齐方式      text-align:left [左] right [右] center [中]
  对象空白处理        white-space:normal [自动换行] pre [换行和空白受保护] nowrap [强制同一行显示]
  文本大小写控制       text-transform:none [正常大小] capitalize [每个单词的第一个字母转换成大写] uppercase [转换成大写] lowercase [转换成小写]
  元素的垂直对齐方式    vertical-align:sub [设置文本下标] super [设置文本上标] top [把元素的顶端与行中最高元素的顶端对齐] text-bpttom [把元素的底端与父元素字体的底端对齐]
  
CSS控制链接----CSS伪类
  未访问的链接 a:link{color:FF0000;}
  已访问的链接 a:visited{color:#00FF00;}
  鼠标移动到链接上 a:hover{color:#FF00FF}
  鼠标按下链接 a:cative{color:#0000FF}
*******如果,鼠标放上不起作用,请修改链接方式的状态 L--V--H--A
语法:
  元素名称:伪类名称{属性:值}
    例如:超链接,鼠标经过的状态
      a:hover{text-decoration:underline;}
    自定义链接的CSS类
    a.类名称:状态
CSS伪类用于向某些选择器添加特殊的效果
  语法
    选择符:伪类名称{属性:值}
  例如:
    a:hover{color:#FF9FF;}
    :focus设置对象在成为输入焦点(该对象的 onfocus 事件发生)时的样式(IE6/7不支持)

 

15-CSS控制文字及链接

标签:自动换行   文本   color   不同   默认值   删除线   转换   api   换行   

原文地址:https://www.cnblogs.com/xiang-liang/p/12545397.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!