zoukankan      html  css  js  c++  java
  • CSS重新认识(一)

       1. 所有的元素都遵循盒子模型,即内容部分+padding(填充部分)+border+margin(外边距部分);

       2.我们平常定义的width与height指的内容部分的长宽;

       3. 行内元素在不改变padding的情况下,只能靠实际内容来撑开盒子,设置其内容长宽没用,通过display:block可以让行内元素变成块级元素(显示设置的内容长            宽)。改变padding也能改变行内元素的盒子大小。

       4.两个盒子的外边距会叠加;

       5.命名空间思想可以辅助css定义样式类时避免样式污染;

       6.块级元素可以通过diaplay:inline来实现在同一行上排列;

       7.padding与margin确定时,遇到宽度不够时,会优先挤压内容块,迫使内容可能发生转行显示.此时克能会改变盒子的高度;

       8.布局定位的实现方式有很多,只要能被浏览器正确解析,都是可以的,但要注意position:absolute与fixed的在文档流里的特性以及可能发生的错误;

          总结一点:个人实际操作中觉得css最大的难处不在于布局和样式设置,而在于内容多了之后,如何避免样式设置时发生样式污染,做到精准的控制。

  • 相关阅读:
    html+css
    HTML的矢量图转换文字
    js初级——复习html+css-下拉标志
    js初级——复习html+css
    四方定理(递归) --java
    进制转换模板
    最大值最小化问题 和最小值最大化问题 ---(二分)
    分治法---循环日程表问题
    全排列 ---java
    并查集---java模板
  • 原文地址:https://www.cnblogs.com/zhu-xingyu/p/5263964.html
Copyright © 2011-2022 走看看