HTML:七天学会写基础网页4

设置样式(选中标签后在头部文件style中设置)

1.字体样式:font–size:?px(设置字体大小)

              color:#999(颜色)

              font–family :字体 例:font–family:隶书 选中标签字体即可设置为隶书字体，但这种方法只能设置本机字体，本机字体可在此电脑→系统→windows→Fonts中查看

              font–weight:字体粗细(直接用数字100-900从细到粗)

              font:在一个声明中设置所有字体属性，如font:italic(斜体) bold 36px “宋体”; font:900 50px “楷体”;

作用依次为:字体风格 字体加粗 字体大小 字体

2.文本样式

color:颜色

text–align:right;left;center;设置元素水平对                      齐方式

line–height:设置文本行高，如20px

text–decoration:文本装饰，underline下划线 line–through中划线 overline上划线 后面也可以直接加颜色:red;green……

对于a标签text–decoration:none;可以取消其超链接的下划线

伪类语法 

标签名 伪类名{鼠标放之后产生的元素变化}

伪类名——:link单击访问时样式

                 :visited点击后发生改变后的样式

                 :hover鼠标放置后发生的改变

                 :active类似于:hover了解即可

选定标签后在头部文件style中使用

例:<style>

               a:hover{

                             color:red;

                              text–decoration:none;

                           }   效果:鼠标放置超链接上时，超链接变成红色下划线消失。

css设置鼠标形状

cursor:default 默认光标

           pointer 超链接指针

           wait 等待效果(严重影响用户体验禁止使用！)

           help 指示可用帮助

           text 指示文本

           crosshair 鼠标呈现十字状

此类一般在伪类语法:hover下使用，使用户鼠标放置后发生相应变化。