zoukankan      html  css  js  c++  java
  • HTML 第5章CSS3美化网页元素

    <span>标签:

    <span>标签是用来组合HTML文档中的行内元素,它没有固定的格式表示.

    字体样式:

    属性名                                含义

    font-family                     设置字体类型

    font-size                         设置字体大小

    font-style                         设置字体风格

    font-weight                      设置字体粗细

    font                                   在一个声明中设置所有字体属性

    font-weight属性的值:

    normal:默认值,定义标准的字体

    bold:粗体字体

    lighter:更粗的字体

    lighter:更细的字体

    100,200,300..:定义由细到粗的字体

    排版网页文本:

    常用:

    属性                               含义                         

    color                     设置文本颜色

    text-align               设置元素水平对齐方式

    text-indent            设置首行文本的缩进

    line-height            设置文本的行高

    text-decoration     设置文本的装饰

    text-align属性常用值:

    left:默认值

    right:把文本排列到右边

    center:把文本排列到中间

    justify:实现两端对齐文本效果

    text-decoration的常用值:

    none:默认值

    underline:设置文本的下划线

    overline:设置文本的上划线

    line-throung:设置文本的删除线

    文本阴影:

    语法:

    text-shadow:color x轴位移(x-ofset) y轴位移(y-offset)模糊半径(blur-radius)

    设置超链接和列表样式:

    超链接伪类:

    a:link:单击访问前的超链接样式

    a:visited:单击访问后的超链接样式

    a:hover:鼠标悬浮上的超链接样式

    a:active:单击未释放的超链接样式

    列表样式:

    值             说明            语法

    none     无标记符号   list-style-type:none;

    disc       实心圆,默认值类型  list-style-type:disc

    circle     空心圆          list-style-type:circle

    square   实心正方形    list-style-type:square

    decimal  数字            list-style-type:decimal

    <div>标签:

    语法:

    <div>网页内容....</div>

    背景属性:

    背景颜色;

    背景图像;

    背景;

  • 相关阅读:
    判断一棵二叉树是否为二叉搜索树
    分离链接法的删除操作函数
    线性探测法的查找函数
    Bzoj1251 序列终结者
    POJ2396 Budget
    Bzoj3531: [Sdoi2014]旅行
    Codeforces Round #389 Div.2 E. Santa Claus and Tangerines
    Codeforces Round #389 Div.2 D. Santa Claus and a Palindrome
    Codeforces Round #389 Div.2 C. Santa Claus and Robot
    Codeforces Round #389 Div.2 B. Santa Claus and Keyboard Check
  • 原文地址:https://www.cnblogs.com/wsnb8/p/7459299.html
Copyright © 2011-2022 走看看