css基本样式

CSS文本

     css属性可定义文本外观

    通过文本属性，可以改变文本的颜色，字符间距，对齐文本，装饰文本，对文本缩进

     (1)color：文本颜色（下一级标签可继承）

     (2)text-align:文本对齐方式（默认left）

     (3)text-indent:缩进文本首行

    (4)text-trans:元素中字幕的设置

                       属性：capitalize：每个单词的首字母大写

                                     lowercase：所有字母都小写

                                     uppercase：所有字母都大写

    (5)text-shadow:向文本添加阴影

                    text-shadow:  5px 5px  5px  #ff0000;

                   第一个5px：表示背景距左的距离(相对于原文字）

                   第二个5px：表示背景距上方的距离（相对于原文字）

                   第三个5px：表示阴影的像素，为0与原文字相同

  (6)text-wrap：规定文本换行规则

                     width:100px;

                      text-wrap:normal;

                    若文本内容是英文，不会拆开一个单词

    

 

CSS字体

  CSS字体属性定义文本的字体系列，大小，加粗，风格和变形

  (1)font-family:设置字体系列

  (2)font-size:设置字体大小

  (3)font-weight:设置字体的粗细

  (4)font-style:设置字体的风格

 

CSS链接

  (1)链接的四种状态

            a:link          :   普通的，未被访问的链接

            a:visited    :    用户已访问的链接

            a:hover      :   鼠标指针位于链接的上方

            a:action     :    链接被点击的时刻 

  (2)常见链接样式

          text-decoration:none；

              大多用于去掉链接中的下划线

 

CSS列表

   CSS列表允许放置，改变列表标志，或者将图像作为列表项标志

    (1)list-style-type:列表类型（圆点，数字……..)

    (2)list-style-image:列表像图片

                      eg：list-style-image:url("图片名")；

 

CSS表格

   (1)board:表格边框，边缘大小，边缘颜色

   (2)board-collapse:collapse合并边框（变单线）

   (3)background-color:表格背景颜色

   (4)padding:npx;内边距

 

CSS轮廓

     CSS轮廓主要用来突出元素的作用

     (1)outline-color:设置轮廓的颜色

     (2)outline-style:设置轮廓的样式：实线，虚线，双虚线，双实线......

     (3outline-width:设置轮廓的宽度