1.写页面 2.css的继承属性有哪些 3.margin对布局的影响

1.写页面 2.css的继承属性有哪些 3.margin对布局的影响

 1. sparent 透明的

2. placeholder 提示语

写页面

1.搞清结构层次

2. 保证模块化 让它们之间不能收到影响。

(1) 元素性质

  (2)标准流

浮动带来的脱离文档流撑不起父级的高度的问题可以采用清楚浮动的方式消除影响。

absolute 和fixed 带来的脱离文档流撑不起父级高度,使用子元素设置高强制撑起父级。


1.css可以继承的属性哪些?

font系列 text系列 color line-height

2.border-radius 值的问题

四个值的顺序 左上 右上 右下 左下

3.white-space 规定段落中 的文本换不换行 往往值是nowrap 不换行

4.word-wrap 属性允许长时间的内容可以自动换行,属性值 break-word 允许 默认是不允许

5.写三角形

宽高必须是0

6. margin 对布局的影响 双飞翼 圣杯布局

双飞翼布局 中间固定两端auto

圣杯布局 两端固定 中间auto

margin-bottom 为负数后当前元素不动 后面元素向上走,nargin-right为负数当前元素不动后面元素向左走

 注意的 margin为负数会增大当前元素的宽 (前提是当前元素没有设置width)

在float下

Margin为负 也是我们常用的双飞翼 圣杯布局

中间自适应 两端固定

    给元素margin-left为负数当前元素像左走 margin-right为负数后一个元素向左走会覆盖当前元素

absolute 下

margin为负

让元素剧中,前提是知道元素的宽高

div{

Position:absolute;

Left:50%;

Top:50%;

Margin-left:-width/2;

Margin-top:-height/2

}

margin为负无论在什么条件下都是释放自己的空间,如果中间的margin不够 就把自己的宽高贡献出来。

作者:晋飞翔

手机号(微信同步):17812718961

希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS 定位问题 主要就是经典的绝对定位,相对定位问题。 10个文档学布局:通过十个例子讲解布局,主要涉及相对布局...
    强哥科技兴阅读 2,833评论 0 1
  • 三栏式布局 涉及浮动和清除浮动,主要讲解“圣杯”和“双飞翼”两种解决方法。这两种方法实现的都是三栏布局,两边的盒子...
    紫电倚青霜阅读 6,893评论 0 6
  • CSS 定位问题 主要就是经典的绝对定位,相对定位问题。 10个文档学布局:通过十个例子讲解布局,主要涉及相对布局...
    强哥科技兴阅读 4,082评论 0 0
  • 每天都能感觉到自己焦虑的情绪。 对孩子的各种焦虑:担心孩子学习不好怎么办,担心孩子对识字不敏感怎么办 对老公的各种...
    上善若水琳阅读 1,397评论 0 0
  • 1.准备方面:不是那么从容淡定,还是有些仓促上阵的感觉。时间安排,试卷选择,考后学生安排,都存在瑕疵,应该引起教务...
    幸福打开快乐阅读 1,566评论 0 0