zoukankan      html  css  js  c++  java
  • css样式

    css样式

    通用样式
    margin//外边距

    padding//内边距

    display//隐藏显示

    FONT-字体样式

    font-family//字体类型,多个字体逗号隔开,名称有空格的需要引号括起;

    font-size//字号,设置文字大小通常值为数字加单位;

    font-style//字体风格,取值normal默认值|italic斜体|oblique倾斜|inherit从父元

    素继承;

    font-weight//字体加粗,取值有100-900|bold|bolder|lighte|normal,可根据需要取

    值;

    font-variant//小写转大写取值normal|small-caps小型大写字母|inherit继承父级取

    值;

    font-size-adjust//保持字体尺寸,取值默认值|number指定需要保持的尺寸数字

    color//字体颜色


    css样式

    文本样式

    text-shadow//文本阴影,取值有四个分别是水平位移,垂直位移,模糊半径,颜色值

    ,后两个是可选值前两个可以为数值正负值,第三个值不能为负数。

    text-overflow//文本溢出,取值clip不显示省略号|ellipsis显示省略号,显示省略号

    需要white-space:nowrap和overflow:hidden配合。

    word-wrap//文本换行,取值normal不换行|break-word换行

    text-decoration//文本修饰取值none|underline下划线|overline上划线|line-

    through删除线|blink闪烁;

    text-transform//文本转换,取值none|capitalize单词第一个字母大写|uppercase大

    写|lowercase小写;

    text-align//水平对齐,取值start|end|left|rigth|center|justify

    text-indent//文本缩进,取值数值;

    word-spacing//单词间隔,取值normal|length正负值;

    letter-spacing//字符间隔,取值normal|length正负值;

    vertical-align//垂直对齐,取值baseline默认|sub下标|super上标|Top顶端与行中最

    高顶端对齐|middle居中对齐|bottom顶端与行中最低顶端对齐|text-top顶端与父元素

    字体顶端对齐|text-bottom底端与父元素字体底端对齐|length的堆叠顺序

    line-height//行高,取值数值;

    direction//文本的方向/书写方向取值,ltr文本方向从左到右|rtl文本方向从右到左



    background-背景样式

    background-color//背景颜色

    background-image//背景图像

    background-repeat//背景图像是否及如何重复

    background-attachment//背景图像是否固定或者随着页面的其余部分滚动

    background-position//背景图像的起始位置

    background-size//规定背景图片的尺寸

    background-origin//背景图片的定位区域

    background-clip//背景的绘制区域

    border-边框样式

    border-width//边框宽度

    border-color//边框颜色

    border-style//边框样式

    border-radius//边框圆角

    border-image//边框图案


  • 相关阅读:
    shell 编程小例子
    第二节,oracle sql编程以及高级
    第一节、oracle的安装及数据库和表的创建,知识整理
    PL/SQL-->UTL_FILE包的使用介绍
    显式游标和隐式游标的区别
    Oracle游标—for、loop、if结合应用
    oracle的用户自定义异常
    使用@property
    使用__slots__限制绑定属性
    给类,实例绑定属性和方法
  • 原文地址:https://www.cnblogs.com/wangshengli520/p/7851091.html
Copyright © 2011-2022 走看看