15-CSS控制文字及链接

时间:2020-03-22 13:46:50   收藏:0   阅读:79

应用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不支持)

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!