一.关于上篇博客的回顾 1.浮动: (1).标准文档流 (2).作用:实现元素并排 (3).特点:第一个盒子会贴父盒子的边,第二个会贴第一个盒子的边... (4).特性: ①.脱离标准文档流 ②.收缩效果 ③.字围 ④.设置浮动,任意的标签都可以设置宽高 (5).总结:要浮动一起浮动,有浮动,清除浮 ...
分类：
Web程序 时间：
2018-09-21 23:04:02
阅读次数：
293
块级元素社设置了text-align:center以后，对其直接行内元素/果冻元素、继承行内元素/果冻元素都会产生“居中效应”。 结果：所有的span按照居中对test4进行填充； li元素因为继承了test4的text-align:center属性，所以li内的文本元素也按照居中形式填充li。 因 ...
分类：
其他好文 时间：
2018-09-16 15:38:47
阅读次数：
318
1、如果对元素设置外边距，他是会跑到父元素外面去的。 所以说浮动设置了负的外边界，就能跑到父元素外面去 2、浮动元素比父元素更宽 就正常显示 3、关于文字环绕 p元素是块级元素，占满一行的，会把浮动顶下来，没有问题 如果是span呢？ span不是块级元素，而浮动元素的顶部只能是块级，所以span会 ...
分类：
Web程序 时间：
2018-09-15 13:08:31
阅读次数：
204
height 的% 号,设置高度是没用的, 没有参照物. height的px 是可以的 自适应 width:auto;height:auto; 一个css里面 俩个相同的属性,后面的会冲突调前面的. padding是内边距 padding-top:10px; //height以及设置100px, 则 ...
分类：
Web程序 时间：
2018-09-08 22:39:45
阅读次数：
224
1. CSS 1.1. 行内元素、块级元素 1.1.1. 元素的类型 CSS中将元素分为行内元素和块级元素，他们都各自有各自的特点和行为习惯。 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”，也称为块级元素。在布局页面时，块级元素独占一行。 与之相反，spa ...
分类：
Web程序 时间：
2018-09-07 21:34:27
阅读次数：
205
在CSS中，html中的标签元素大体被分为三种不同的类型： 块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>…<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 什么是块级元素？ 在 ...
分类：
其他好文 时间：
2018-09-06 22:53:09
阅读次数：
316
三种布局方式 标准流(顺序) 1块级元素 h div table ol ul li p 独占一行 2内联元素 a mig span input 排列除非宽度不够 { width:100px;height:100;background: red; border:1px solid #fff } // ...
分类：
其他好文 时间：
2018-09-05 08:53:58
阅读次数：
111
CSS transform 属性（变形，改变）允许你修改CSS视觉格式模型的坐标空间。使用它，元素可以被 translate（转换），rotate（旋转），scale（缩放），skew（倾斜） 需要特别强调一点：transform 属性只对 块级元素生效（有些大牛博客说对内联元素和块级元素），亲测结 ...
分类：
Web程序 时间：
2018-09-04 17:07:33
阅读次数：
532
1.文字居中 文字水平居中: text-align: center； 文字垂直居中：height高度和line-height行高的值一样，文字就垂直居中 2.图片/ 块级元素居中 水平居中: width宽度 / margin: 0 auto(上下 左右); 垂直居中: 定位 ...
分类：
其他好文 时间：
2018-09-04 10:38:10
阅读次数：
148
前端开发面试知识点大纲： HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意义? 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 介绍一下CSS的盒子模型？ link和@import的区别是？ CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪 ...
分类：
其他好文 时间：
2018-09-03 13:35:54
阅读次数：
210
