php学习——css复习七(细节处理)
来源:互联网 发布:mac安装微软雅黑字体 编辑:程序博客网 时间:2024/05/15 20:07
其实之前说过,正常的文档流。意思就是说,我们每添加一个元素标签时,元素标签应该是纵向排列的—— 理应一行一个元素。反之当我们的元素没有按照一行一个元素时,此元素就称之为行内元素。
行内元素:span b i u strong a ...
块元素:div p table ul li ol dl dt dd h1.....
行内元素特点:内容决定大小。
块元素:自定义或内容决定大小。
块元素与行内元素的转换:
块——》行
display:inline;
行——》块
display:block;
图片溢出处理:
1、可以用css设置高宽。
2、用overflow。值有auto、hidden、scoll。
一 些文本属性具有继承的特性:
font-size、font-family、font-weight、font-style、text-decoration、color。
选择器优先级:
标签选择器<类选择器<id选择器<行内标签
浮动造成父元素的影响的解决方法(在父元素没有设置固定大小的情况下):
- 当父元素没设置浮动,而子元素都设置了浮动,这样会让父元素产生不需要的变化。所以在父元素里面最下方新增一个子元素div,div的css属性加一条clear:both;(清除浮动)就可以了。clear值:left、right、both。
- (把这个情况当成浏览器bug)在父元素添加css属性,overflow:hidden;让父元素得到一个自然高。
阅读全文
0 0
- php学习——css复习七(细节处理)
- php学习——css复习一(选择器)
- php学习——css复习三(表格、边框)
- php学习——css复习五(浮动)
- php学习——css复习二(背景、列表属性)
- php学习——css复习四(理解元素div)
- php学习——css复习六(格式清除和布局方法)
- CSS复习(—)
- Css基础学习(七)—链接
- 复习php知识点七
- CSS学习(七)——滤镜 (已废除)
- 深度学习进阶(七)--复习(一)
- 深度学习进阶(七)--复习(二)
- CSS学习笔记---(七)
- JNI学习笔记(七)——异常处理
- Cocos2d-x学习笔记(七)—— 动作处理
- web框架学习前复习——css
- 传智播客——css细节
- 动归----多人背包
- 练习题H: N的N次方
- python数据处理
- OpenGL-聚光灯-spot
- 论文阅读-《Semantic Segmentation with Reverse Attention》
- php学习——css复习七(细节处理)
- 二叉树叶子节点的数目&二叉树第k层节点的数目&二叉树第k层叶子节点的数目
- mybatis中mapper代理实现(五)
- NYOJ 15 括号匹配(区间dp)
- Scala学习—面向对象编程之继承
- 也谈说话这件事--《好好说话》读后感
- [IMX6Q][Android5.1]移植笔记 --- kernel移植
- day10之求二叉树叶子节点的个数+求二叉树第k层的节点个数+数组中超过一半的数字
- Hazelcast Rest API