17.7.11(关于css的总汇 div + css)
来源:互联网 发布:移动办公软件下载 编辑:程序博客网 时间:2024/06/05 17:53
今天第一天写博客,有点小兴奋。
总结下我所认识的 div+css的布局:
1.行内元素和块级元素:1.1行内元素的宽和高是不能设置的,不带表就没有宽和高,他的宽和高是通过里面的内容来决定的。块级元素的宽和高是可以设置的,如果没有设置宽,它的宽就是100%,如果是子元素,那么,因为继承性,它的宽会和父元素的一样。1.2常用的行内元素有5个: span a i input img 。注意:行内元素的 水平方向上的padding 和margin是有用的。竖直方向上的没有用。
2,positon: 2.1positon的三种用法:relative absolute fixed 。relative是相对定位,之前误认为,relative就是用来给 absolute作参考的,其实不是的,relative 也可以用 top bottom left right属性的。 是相对之前的位置的移动,没有脱离文本流。absolute是绝对定位,fixed是固定定位;这两个都是脱离文本流的。注意:1.设置了position属性的(除relative之外),就不能设置float属性了。2.absolute 和fixed 有这两个的属性,就会变成块级元素,relative不会。总结下,就是relative是特例
3.float:浮动属性。3.1所有的元素经过浮动,都会变成块级元素。3.2浮动元素会脱离文档流,就相当于第二层文档流,但是他们会自动拥有display:inline-block属性(不知道是不是)。如果想让三个div 成三块横排,三个div都设置float属性。3.3 float的缺点:3.3.1在同级别元素中,没设置float的元素会被设置了这个属性的覆盖掉,3.3.2行内元素的会环绕在float周围,比如文本。3.3.3如果父元素没有设置高度,会导致父元素的宽度凹陷。解决办法:1.设置父元素的高 或者设置父元素的 overflow:outo || hidden 2 在浮动元素同级末尾加<div style="clear:both"> <div>
注意:设置了float的值,它的水平margin无效(不包含padding)这个是假的
4.z-index 只能在position属性时才能用?
- 17.7.11(关于css的总汇 div + css)
- css+div网页布局常见错误总汇
- 关于Div+CSS布局
- 关于css+div
- 关于DIV和CSS
- 关于div+css知识的积累
- 关于div--css-float的感想
- 关于CSS+div的一些见解
- 【转】关于Div+CSS的好处
- Css+div关于层的定位
- 关于学习DIV+CSS的感想
- 关于div+css的排版布局
- 关于div自适应高度的 css
- 关于div+CSS 的一些兼容问题
- 一些关于css div的注意事项
- 关于DIV+CSS的一些命名规则
- 关于css div属性的框框
- CSS设置透明度总汇
- 贪心算法详解
- 函数复习
- SEO优化
- AC自动机详解
- 模拟RabbitMQ网络分区
- 17.7.11(关于css的总汇 div + css)
- 字符串查找
- Tensorflow——会话
- 文章标题 汇编 计算 Fibonacci 数(20~30)
- ITU-R BT.601 Y'CbCr
- Java 双重判空 volatile 单例模式详解
- Java集合框架的知识总结(1) 说明:先从整体介绍了Java集合框架包含的接口和类,然后总结了集合框架中的一些基本知识和关键点,并结合实例进行简单分析。 1、综述 所有集合类
- 关于public,static的一些总结
- 初学者的浅谈