zoukankan      html  css  js  c++  java
  • 样式

    样式大小:

    width:定义样式表的宽度。

    height:定义样式表的高度。

    样式背景:

    background-color:添加背景颜色。

    background-image:添加背景图片。

    background-repeat:定义添加的背景图的平铺方式。

    background-position:定义背景图的位置。

    background-attachment:定义添加的背景图片是否有滚动。

    background-size:定义添加背景图的大小

     

    字体:

    font-family:定义输入的字体样式。

    font-size:定义输入的字体大小。

    font-style:italic:定义输入的字体是否倾斜。

    font-weight:bold:定义输入的字体是否加粗。

    text-decoration:定义输入文字是否有下划线。

    underline:下划线。

    overline:上划线。

    line-through:删除线。

    none:取消下划线。

    color:定义输入字体的颜色。

    对齐方式:

    text-align:定义水平对齐方式。

    vertical-align:定义垂直对齐方式,需要配合行高来使用。

    line-height:定义元素的行高。

    text-indent:定义文本开头缩进的单位像素。

    边界边框:

    margin:定义一个元素的外边距的大小,顺序为上右下左。

    padding:定义一个元素的内边距的大小,顺序为上右下左,如果一个元素加了内边距,那么该元素也会相应变大。

    border:定义一个元素的边框。

    border:1px solid #dadada;元素的书写方式。

    transparent:将边框设置为透明属性。

    transform:rotate(45deg):使边框旋转45°。

    列表方块:

    ol:标签定义有序列表。

    ul:标签定义无序列表。

    list-style:none:可以将列表钱的序号去掉。

    list-style-image:可以将前面的序号变换为图片。

    list-style-position:inside:列表项目标记放置在文本以内,且环绕文本根据标记对齐。

    格式与布局:

    position:规定元素的定位类型。

    absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。

    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    relative:生成相对定位的元素,相对于其正常位置进行定位。

    因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

    static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

    inherit:规定应该从父元素继承 position 属性的值。

     

    float:定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

    如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

    注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。

     

    Z-index:设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

    注释:元素可拥有负的 z-index 属性值。

    注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)。

     

    其它:

    display:规定元素应该生成的框的类型。

    none:此元素不会被显示。

    block:此元素将显示为块级元素,此元素前后会带有换行符。

    inline:默认。此元素会被显示为内联元素,元素前后没有换行符。

    inline-block:行内块元素。(CSS2.1 新增的值)。

    list-item:此元素会作为列表显示。

    run-in:此元素会根据上下文作为块级元素或内联元素显示。

    visibility:规定元素是否可见。

    提示:即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。

    visible:默认值。元素是可见的。

    hidden:元素是不可见的。

    collapse:当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。

    inherit:规定应该从父元素继承 visibility 属性的值。

     

    overflow:规定当内容溢出元素框时发生的事情。

    visible:默认值。内容不会被修剪,会呈现在元素框之外。

    hidden:内容会被修剪,并且其余内容是不可见的。

    scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

    auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

    inherit:规定应该从父元素继承 overflow 属性的值。

     

    opacity:设置元素的不透明级别。

    基本语法:opacity: value|inherit;

    value:规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。

    inherit:应该从父元素继承 opacity 属性的值。

     

    border-radius: 是一个简写属性,用于设置四个 border-radius 属性。

    基本语法:border-radius: 1-4 length|% / 1-4 length|%;

    length:定义圆角的形状。

    %:以百分比定义圆角的形状。

    box-shadow :向框添加一个或多个阴影。

    基本语法:box-shadow: h-shadow v-shadow blur spread color inset;

    h-shadow:必需。水平阴影的位置。允许负值。

    v-shadow:必需。垂直阴影的位置。允许负值。

    blur:可选。模糊距离。

    spread:可选。阴影的尺寸。

    color:可选。阴影的颜色。请参阅 CSS 颜色值。

    inset:可选。将外部阴影 (outset) 改为内部阴影。

  • 相关阅读:
    函数概述
    Python之购物车实战(练习字典、random函数)
    字典方法
    dict字典练习题
    触发器(游标)给同事老朱写
    SQL之游标实例
    SQL之游标
    Python之for循环之range函数和enumerate函数
    python之购物车(详解list tupe 循环)
    第二周 数据获取与表示 第二节 数据表示 Data representation
  • 原文地址:https://www.cnblogs.com/Whitehat/p/7931160.html
Copyright © 2011-2022 走看看