zoukankan      html  css  js  c++  java
  • 第四节课 盒模型

    组合选择器 可配合类名 id 使用

    eg:   #m > p{}

    盒模型:div   div{

            内容的宽度

            height:内容的高度

            border:1px solid blue

            (border 有三个值   border-width  border-style  border-color,  border-style有三个值,solid(实线)与dashed(虚线)dotted(点线)

            (color:有16进制 #000黑色  #fff白色 #999灰色 #eee浅灰色

                               rgb :rgb(1,2,3) 范围 0~255   

                     rgba: a指的是alpha 透明度  1是不透明 0是完全透明 0.5半透明

                    当边框不写颜色时,默认边框颜色与字体颜色相同

                    分别控制:border-top border-left border-right border-bottom   

            background-color:(background是复合属性,浏览器加载background会加载出其所有属性,写单独一个具体的如background-color可以减轻加载负荷,提高速度。

             padding:内边距 内容与border之间的距离),会增大盒子,宽度高度增大2倍padding 

                    (padding是复合属性 top right bottom left)      padding:一个值,代表四个方向都赋予这个值,二个值代表上下与左右赋予这个值,三个值代                                                                                                                                                           表上 左右  下,四个值是 上右下左(顺时针)

            margin:外边距(实心木板) div1 margin 10px      div2 margin 10px  div1 给浮动,div1 与div2在同一行相距20px,四个值对应顺序与padding相同

                margin:100px auto (auto使左右外边距一样,达到左右居中效果,上下没有auto)

    a{text-decoration:none} :取消a标签的的下划线。 font-size :字体大小

    p 标签默认上下16px间距(且会随字体改变),一般起始 *{margin:0;border:0;},防止干扰。

    line-height:行高 让line-height=外部盒子高度,可以让文字在盒子上下居中,可以被继承,给父亲设置行高,孩子也会有行高

    行高 字体 文本样式都可以被继承

               

    }

    qq打开  ctrl+alt+a 出现截图工具

  • 相关阅读:
    SVN 使用学习记录
    jQuery 获取 URL信息
    JS扩展方法
    .Net 加密 哈希
    SQL Serverf 索引
    SQL Server索引
    SQL Server索引
    insert into select 多个表
    Mysql数据库自带四个数据库的解析
    转: MySQL5.7 ERROR 1142 (42000)问题
  • 原文地址:https://www.cnblogs.com/yzdwd/p/12080509.html
Copyright © 2011-2022 走看看