• CSS & 框模型


    1.页面元素边框的属性

    属性 说明
    boder 设置边框样式的复合属性
    border-color 设置边框的颜色值
    border-style 设置边框的样式,包括none(无边框),dotted(点划线),dashed(虚线),solid(实线),double(双线),groove(槽状),ridge(脊状),inset(凹陷),outset(凸出)
    border-width 设置边框宽度
    border-top, border-right, border-bottom, border-left 分别设置上、右、下和左边框的复合属性
    border-top-color, border-right-color, border-bottom-color, border-left-color 分别设置上、右、下和左边框的颜色
    border-top-style, border-right-style, border-bottom-style, border-left-style 分别设置上、右、下和左边框的样式
    border-top-width, border-right-width, border-bottom-width, border-left-width 分别设置上、右、下和左边框的宽度

    2.元素定位属性

    属性 说明
    position                  定义元素在页面中的定位方式,有absolute,relative,static,fixed,默认为static
    left 指定元素与最近一个具有定位设置的父对象左边的距离
    right 指定元素与最近一个具有定位设置的父对象右边的距离
    top 指定元素与最近一个具有定位设置的父对象上边的距离
    bottom 指定元素与最近一个具有定位设置的父对象下边的距离
    z-index 设置元素的层叠顺序,仅在position属性为relative或者absolute时有效
    width 设置元素框宽度
    height 设置元素框高度
    overflow 内容溢出控制
    clip 剪切

    3.布局属性

    属性 说明
    clear                  指定元素中不允许有浮动对象的边,取值:none(默认),left,right和both
    float 指定元素是否以及如何浮动,取值有none,left和right
    clip 指定元素的可视区域,区域外的部分将隐藏
    overflow 指定在元素的内容超过指定宽度和高度时的处理方式,默认为visible
    overflow-x 指定元素处理内容超过宽度时的方式
    overflow-y 指定元素处理内容超过高度时的方式
    display 指定元素是否以及如何显示,默认为inline(元素将以内联方式显示)
    visibility 指定是否显示元素
       
       

    (1)使用 float 属性实现图文混排效果

     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     2 <html>
     3   <head>
     4     <title>aa.html</title>
     5     <style type="text/css">
     6         #content{
     7             float:none;
     8             text-align:left;
     9             font-size:22px;
    10         }
    11         #content img{
    12             float:left;
    13             padding:5px;
    14             border:2px solid #D6D6D6
    15         }
    16     </style>
    17   </head>
    18   <body>
    19     <div id="content">
    20         <img src="wedding.jpg" width="150"/>
    21         <p>&nbsp;&nbsp;&nbsp;&nbsp;用5年左右的时间,使我国食品安全监管体制机制、食品安全法律法规和
    22         标准体系、检验检测和风险监测等技术支撑体系更加科学完善,生产经营者的食品安全管理
    23         水平和诚信意识普遍增强,社会各方广泛参与的食品安全工作格局基本形成,食品安全总体水平
    24         得到较大幅度提高《决定》首次明确将食品安全纳入地方政府年度绩效考核内容,并将考核结果作为地
    25         方领导班子和领导干部综合考核评价的重要内容。《决定》规定对于发生重大食品安全事故的地方,在文明
    26         城市、卫生城市等评优创建活动中实行一票否决《决定》从进一步完善食品安全工作体制机制出发,突出强
    27         调了要健全基层食品安全管理的工作体系,第一次明确要求乡(镇)政府和街道办事处要将食品安全工作列为
    28         重要职责内容,主要负责人要切实负起责任,并明确专门人员具体负责,做好食品安全隐患排查、信息报告
    29         、协助执法和宣传教育等工作。
    30         </p>
    31     </div>
    32   </body>
    33 </html>

    显示效果如下:

  • 相关阅读:
    mybatis以序列周期,同样处理的这个问题的价值
    达到HTTP合约Get、Post和文件上传功能——采用WinHttp介面
    采用curl库
    MFC 盾webBrowser打开弹出的页面
    reactnative调研
    React Native通信机制详解
    问题与学习 分析与综合
    学习、概念与概念簇
    奥苏伯尔学习理论
    语言与编程语言
  • 原文地址:https://www.cnblogs.com/lihuiyy/p/2576209.html
Copyright © 2020-2023  润新知