首页 > 其他分享 >CSS_属性1与CSS_属性2_盒子模型

CSS_属性1与CSS_属性2_盒子模型

时间:2022-11-16 17:14:52浏览次数:48  
标签:盒子 height width 边框 border CSS 属性

CSS_属性1

    属性

     1.字体、文本

         font- size :字体大小

         color:文本颜色

         line - height:设置行高 

         text-align:文本对齐方式

          

     2.背景

        background:

     3.边框

        border:设置边框,符合属性  

     4.尺寸

        width:宽度

        height:高度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体属性</title>
            <!--字体属性-->
    <style>
        p{
            /*字体大小*/
            font-size: 30px;
            /*字体颜色*/
            color: rebeccapurple;
            /*设置行高*/
             line-height: 200px;
            /*文本对齐方式*/
            text-align: center;
            /*
               border  边框
                 border:设置边框,符合属性  
            */
            border:  1px red solid;
        }
        div{
               /*
                    尺寸
                        width:宽度
                  height:高度
               */
            border: 1px darkred solid;
            width: 200px;
            height: 150px;
            
            /*设置背景图片*/
            background: url("img/regbtn.jpg") no-repeat center;
        }
    </style>
</head>
<body>
    <p>萤火之光怎敢与皓月争辉</p>

    <div>王耀</div>
</body>
</html>

CSS_属性2_盒子模型

      盒子模型:控制布局

       margin:外边距

       padding:内边距  

            默认情况下

      

 

标签:盒子,height,width,边框,border,CSS,属性
From: https://www.cnblogs.com/x3449/p/16896538.html

相关文章

  • CSS语法格式和CSS_选择器_基础选择器
    CSS语法格式:格式∶选择器{属性名1:属性值1;属性名2:属性值2;}选择器:筛选具有相似特征的元秦注意:每一对属性需要使用;隔开,最后一对属性可以不加;   CSS_选......
  • CSS概述和CSS_与html结合方式
    CSS概述:css:页面美化和布局控制:1.概念:cascadingstylesheets层叠样式表层叠:多个样式可以作用在同一个html的元秦上,同时生效2.好处∶1.功能强大2.将内容展示和样式控......
  • CSS_选择器_基础选择器与CSS_选择器_扩展选择器
    CSS_选择器_基础选择器选择器:筛选具有相似特征的元素分类:1.基础选择器......
  • Cesium之ColorMaterialProperty颜色材质属性
    Cesium自定义材质Material以及一些思考:https://blog.csdn.net/GhostPaints/article/details/124382690Cesium中自定义材质(以飞线材质为例):https://blog.csdn.net/qq_332352......
  • 深入理解css 笔记(8)
      接下来我们讲下响应式设计,最初开发人员通过创建两个网站来解决这个问题。桌面版和移动版,只是假如要兼容越来越多的设备,比如大屏的平板手机,ipadmini.这时候,强制分开的......
  • log4j配置获取系统属性及默认值
    转自:https://blog.csdn.net/ancongxie6976/article/details/101326474 一、使用场景1.因某些原因,我们可能将log4j中的配置变量化,进行动态获取2.动态获取内容......
  • log4j2.xml 使用 application.yml 配置的属性
    转自:https://blog.csdn.net/xiaokanfuchen86/article/details/126695797 log4j2.xml 是不归spring管理的,所以也就没法读取到application.yml里面的配置了。解决方......
  • python-私有属性和私有方法-笔记
    01.应用场景及定义方式应用场景在实际开发中,对象 的 某些属性或方法 可能只希望 在对象的内部被使用,而 不希望在外部被访问到私有属性 就是 对象 不希望公开的 属......
  • 手风琴css
      html  <divclass="servicea1_list">              <ulclass="servicea1_ulservicea1_on">           ......
  • 在Vue项目中引入公共css样式
    通常,较为复用次数高的css样式,需要提取出来同一存放在assets资源文件夹下创建css文件夹在css文件夹下创建public.less文件 public.less.wrap{......