zoukankan      html  css  js  c++  java
  • CSS设置属性

    1.  文本格式化:

    控制字体:
        ---指定字体: font-famliy:value1,value2
     字体大小:
        ----font-size:value;
    字体加粗:
        ----font-weight:normal/bold;
     
    控制文本格式:   
       --文本颜色:
               ---color:value
      ---文本排列
             --text-align:left/right/center
      ----文字修饰:
              ---text-decoration:none/underline;
      ----行高
              ----line-height:value;
       ---首行文本缩进:
             ----text-indent: value
     
    2.表格样式            
      表格常用的属性:
         ---边距属性:padding
         ---尺寸属性:width  height
         -----文本格式化属性
         ----背景属性
         -----border属性:设置表格的边框
     
    垂直对齐方式:
          ----vertical-align 属性
                    ---在单元格中,设置单元格框中的单元格内容的对齐方式
        取值:
           ---vertical-align: top/middle /bottom
     
    边框合并:    
    如果设置了单元格的边框,相邻单元格的边框会单独显示,类似于双线边框
    ---border-collapse属性:合并相邻的边框
            ---设置是否将表格边框合并为单一边框
    border-collapse:separate、collapse
    例如:设置表格   table.separate{border-collapse:separate}
                 table.collapse{ border-collapse:collapse}
     
    边框边距:
      ---border-spacing属性:设置相邻单元格的边框间的距离
    取值:
           ---一个值:该值同时应用于水平距离和垂直距离
          -----两个值:第一个为水平距离,第二个为垂直距离,两个值用空格隔开
      如: border-spacing:10px 20px;
     
    定位概述:
         定义元素框相对于其他正常位置应该出现的位置或相对于父元素,另一个元素甚至浏览器窗口的位置
    ----普通流定位
    ----浮动定位
    -----相对定位
     ------绝对定位
     
    浮动定位:
    ------- float属性:设置框浮动在包含框的左边或者右边
    在CSS中,任何元素都可以浮动:
       float:none/left/right;
    --------clear属性用于清除浮动所带来的影响
        clear:none、left、right,both
               定义了元素的哪边上不允许出现浮动元素
     
    显示方式:
    ---一切皆为框页面上的所有元素都可以显示为框
    块级元素:
        --<div>,<h1>, <p>等  :显示为一块内容,块框
    内联元素/行内元素
          --<span>, <a> 元素等
         --内容显示在行中,即“行内框”
     
    display 属性:
     取值:display: none、block,inline;
    ---none:让生成的元素根本没有框,所有内容不再显示,不占用文档中的空间
    block:
          --让行内元素(比如<a>元素) 表现的像块级元素一样
    inline:
           --让块级元素(比如<p>元素)表现的像内联元素一样
     
    光标:
    默认情况下,光标会根据客户的操作发生改变:
     ----当鼠标悬停在一个链接上时:光标: 指针---》手状
     -----           悬停在文本时: 会显示  I  形状
     -----                      按钮          :        光标变成箭头
    可以使用cursor属性指定给用户的鼠标光标的类型:
     --default
    --pointer
    --crosshair
    --text
    --wait
    ---help
     
    列表项标识:  list-style-type
    list-style-type属性用于控制列表中列表标志的样式
         ---无序列表:出现在各列表旁边的圆点
         ---有序列表: 可能是字母,数字,或另外某种计数体系中的一个符号
    无序列表取值:
       ---none:无标记
      ---disc:实心圆,为默认值
       ---circle:空圆心
        ----square:实心方块 
    有序列表取值:
      --none:无标记
       --decimal:数字,默认值
       ---lower-roman:小写罗马数字(如 i,ii,iii,iv,v)
       ---upper-roman:大写罗马数字
     
    列表项图像 list-style-image
    --list-style-image 属性使用图像来替换列表项的标记
            -取值 :ul(),指定图像作为有序或无序列表项的标志
     
    如: list-style-image:url(ph.gif) ;
     
    什么是定位:
    定位属性:
     position属性:更改定位模式为相对定位,绝对定位,或者固定定位
         ---position:static、relative,absolute,fixed
    偏移属性:
          --top、bottom、right,left,value
    堆叠顺序:
      ---z-index:value
     
     
  • 相关阅读:
    【BZOJ】1710: [Usaco2007 Open]Cheappal 廉价回文
    【BZOJ】3302: [Shoi2005]树的双中心 && 2103: Fire 消防站 && 2447: 消防站
    【BZOJ】1706: [usaco2007 Nov]relays 奶牛接力跑
    【Atcoder】CODE FESTIVAL 2017 qual A D
    【BZOJ】3038: 上帝造题的七分钟2 && 3211: 花神游历各国
    【BZOJ】1707: [Usaco2007 Nov]tanning分配防晒霜
    【BZOJ】1754: [Usaco2005 qua]Bull Math
    【BZOJ】1584: [Usaco2009 Mar]Cleaning Up 打扫卫生
    【BZOJ】1828: [Usaco2010 Mar]balloc 农场分配(经典贪心)
    【BZOJ】1709: [Usaco2007 Oct]Super Paintball超级弹珠
  • 原文地址:https://www.cnblogs.com/hdutang/p/5288038.html
Copyright © 2011-2022 走看看