zoukankan      html  css  js  c++  java
  • CSS学习(4)常见样式声明

    1.文本

    color 文字颜色

    预设值:定义好的单词,如red blue

        光学的三原色(红,绿,蓝),如 rgb(32,45,255)

        HEX十六进制,如#008CFF(#112233可以简写为#123)

    text-align 对齐方式

    值:center居中  right居右  justify每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。

    text-decoration 文本修饰

    值:none 无,主要用来去掉链接下划线   overline 这种效果   line-through 这种效果   underline 这种效果

    text-transform 文本转换

    值:uppercase 大写字母   lowercase 小写字母   capitalize 首字母大写

    text-indent 文本首行缩进

    2.背景

       background-color 元素背景颜色

       background-image 背景图像  body {background-image:url('paper.gif');}

       background-repeat 水平或垂直平铺  background-repeat:repeat-x;

       background-position 设置定位 background-position:right top;

       background-attachment 设置背景图像是否固定(不随滚轮上下滑动)background-attachment:fixed;

       简写:

       body {background:#ffffff url('img_tree.png') no-repeat right top;}

    3.字体(必须用户电脑中有安装设置的字体才有效)

    (打印出来的用serif好看一些)

    font-family:宋体,Georgia,serif;   可以设置多个字体以防止用户浏览器不识别

    font-size 文字尺寸

    px:像素,绝对单位

    em:相对单位,相对于父元素的大小,如2em就是2倍于父元素字体大小,如果父元素没有字体大小则以浏览器基准字号为准。

    font-weight 文字粗细程度

    值:bold 加粗 相当于700,也可以自定义数字大小

    font-style 字体样式

    值:normal 正常的   italic 斜体

    简写:font:italic bold 12px/30px Georgia,serif;

    4.link 链接样式

    a:link {color:#000000;} /* 未访问链接*/
    a:visited {color:#00FF00;} /* 已访问链接 */
    a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
    a:active {color:#0000FF;} /* 鼠标点击时 */
  • 相关阅读:
    【每日算法】C语言8大经典排序算法(2)
    C++虚函数与纯虚函数的区别
    C++ 运算符优先级列表
    【每日算法】C语言8大经典排序算法(1)
    C++中的友元函数和友元类
    二叉树前序、中序、后序遍历相互求法
    【转】运算符重载的例析
    从一个二级题来看成员函数重载运算符和友元函数重载运算符
    测试用例管理之 TestLink
    【转】关于LoadRunner的迭代
  • 原文地址:https://www.cnblogs.com/1016391912pm/p/11538319.html
Copyright © 2011-2022 走看看