欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

CSS常用属性及用法

程序员文章站 2023-11-24 23:13:16
css常用属性及用法 css常用属性及用法 css定义是由三个部分构成: selector{property:value} (选择符{属性1:值1;属性2:值2;属性3:值3;…})...

    css常用属性及用法

    css常用属性及用法

    css定义是由三个部分构成:
    selector{property:value} (选择符{属性1:值1;属性2:值2;属性3:值3;…})

    1、selector
    可以把相同属性和值的选择符组合起来,书写用逗号分隔开。
    2、类选择符
    定义选择符时,可以在自定义的类名前面加一个点号(.),只要在html标记里面加入对应的定义的class的参数。
    3、id选择符
    在html中,id参数指定了某个单一元素,id选择符是用来对这个单一元素定义单独的样式。id选择符的应用和类选择符类似,只要把class换成id即可。id只能在一个页面出现一次而class 可以多次运用。
    id选择符要在id前加一个“#”号。

    4、颜色单位
    css中指定颜色可以用以下五种方法:
    颜色名。
    #rrggbb。 每种颜色以一个位十六进制进制表示
    #rgb。 每种颜色用1位十六进制表示
    rgb(rrr,ggg,bbb). 使用0~255)的十进制表示一种颜色的含量
    rgb(rrr%,ggg%,bbb%) 可使用百分比表示三原色的含量.

    5、字体属性
    font-family 设置字体
    font-size 字体大小
    font-syle 这个属性有三种可选:normal \italic(斜体)\oblique(斜体)
    font-weight normal\bold
    color 设置字体颜色

    text-decoration:
    —underline 下划线
    —overline 上划线
    —line-through 删除线
    —blink 闪烁

    6、背景属性
    background-color:
    设定背景图片background-image:
    背景重复属性 background-repeat:
    —repeat-x 横向重复
    —repeat-y 纵向重复
    —no-repeat 不重复
    背景附着属性决定图片随内容滚动还是固定不动 background-attachment:
    —scroll
    —fixed

    background-position
    如:background-position:30px 60px表示背景图片初始位置最初离网页最左边30px距离上面60px

    7、css边框属性
    border-style:
    —none 没有边框
    —dotted 表示点线式边框
    —dashed 表示折线式边框
    —solid 表示直线式边框
    —double 表示双线式边框
    —groove 表示槽线式边框
    —ridge 表示脊线式边框
    —inset 内嵌效果边框
    —outset 突起效果边框
    border-width
    —medium 缺省值
    —thin
    —thick
    8、边距属性(外边距)
    margin-left:
    margin-right
    margin-top
    margin-bottom:
    9、间隙属性(内边距): padding
    10、列表样式属性 list-style-type