zoukankan      html  css  js  c++  java
  • HTML+CSS学习笔记整理二

    盒子模型CSS(重点)

    边框border    


    边框通常使用连写border:1px(边框大小) solid(实线或其他)  red(颜色)

    border-collapse:collapse (合并边框)

    内边距padding


    padding:10px 上下左右都为10

    padding:10px 20px  上下为10px 左右为20px

    padding:10 20 30 上10 左右 20   下为30

    padding:上 右  下  左

    padding、border会撑开具有 width height的盒子 解决方法padding的计算

    外边距margin


    margin:0 auto (auto为自动填充)

    相邻的两个外边距会合并(显示值大的外边距)

    嵌套块元素垂直外边距的合并 解决办法:1用border隔开  2用padding隔开  3用overflow:hidden

    版心和布局流程


    1.确定页面版心

    2.分析页面中的行块元素,以及每个模块中的列模块

    3.制作HTML结构

    3.CSS初始化,然后开始运用模型的原型,通过CSS+DIV进行布局来控制网页的各个模块

  • 相关阅读:
    kafka在线修改topic配置
    DateFormat采坑
    mysql ifnull 取反值;case when null的使用
    pip常用命令
    zip压缩
    Solaris 10 x86-64 虚拟机配置
    正则学习
    vnc
    window10创建系统服务
    java内存对象clone
  • 原文地址:https://www.cnblogs.com/zjfman/p/11445821.html
Copyright © 2011-2022 走看看