清除前 清除后 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .contianer{ width: 600px; height: 200px; } .a{ width: 50px; he ...
分类：
Web程序 时间：
2020-07-15 23:45:19
阅读次数：
97
这个代码是在网络上找到的，属于一个比较适合移动端的初始化代码，查阅后并对齐进行了一些整理，目前只整理了一部分，后续将慢慢在学习和使用的过程中继续整理。 1 默认字体大小14px 2 360px的veiwport屏幕下字体大小18px 3 4 清除浮动：.clearfix .clear 5 显示元素： ...
分类：
Web程序 时间：
2020-07-09 00:36:11
阅读次数：
118
我们在用CSS修饰页面样式的时候，浮动是非常普遍的，所以清除浮动也会经常的，清除浮动的方法不少，但是唯爱伪元素清除浮动这个方法，为了减少冗余的代码，专业的写法如下：.clearfix:after{ content:""; display:block; clear:both; height:0; vi... ...
分类：
Web程序 时间：
2020-07-07 17:23:45
阅读次数：
74
1. 浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响？ 特征 任何定义为float的元素都会自动被设置为一个块状元素显示，相当于被定义display：block；声明。这样就可以为浮动元素定义width和height属性，即使是内联显示元素也可以。 当我们没有指定浮动元素宽 ...
分类：
其他好文 时间：
2020-07-05 21:38:26
阅读次数：
72
<head> <meta charset="UTF-8"> <title></title> <style> #parent { border: 1px solid blueviolet; } #childone { float: left; width: 200px; height: 400px; ...
分类：
其他好文 时间：
2020-07-01 12:25:25
阅读次数：
50
1、清除浮动的原因 （1）不清除浮动的情况： 由于父级的子元素不方便给高度（不给高度的时候父盒子的大小由里面包含的子盒子来决定），但是，子元素为浮动的又不占有位置，导致父级的盒子高度为0的时候就会影响下面的标准流的盒子。 <!DOCTYPE html> <html> <head> <meta cha ...
分类：
Web程序 时间：
2020-06-20 01:25:36
阅读次数：
78
一、三栏布局 三栏布局实现的是中间自适应宽度，两边固定宽度的布局，中间栏要放在文档流前面，以实现优先渲染。圣杯布局、双飞翼布局都是三栏布局的效果只是实现的方式不一样。 1.圣杯布局 <div id="container"> <div id="main" class="col"> #main </di ...
分类：
Web程序 时间：
2020-06-08 10:45:08
阅读次数：
65
BFC（block formatting context）块级格式化上下文。 如果一个元素具有 BFC，内部子元素无论如何都不会影响外部的元素。所以，BFC 元素是不可能发生 margin 重叠的，因为 margin 重叠是会影响外面的元素的; BFC 元素也可以用来清除浮动的影响，因为如果不清除， ...
分类：
Web程序 时间：
2020-05-30 16:06:35
阅读次数：
79
前言：这篇随笔是为了准备后面的面试而整理的，网上各种面试题太多了，但是我感觉很多太偏了，而且实际开发过程中并不会遇到，因此这里我整理一些比较常用的，或者是相对比较重要的知识点，每个知识点都会由浅入深，把相关的都放在一起，便于自己复习，感兴趣的朋友也可以一起学习收藏。 （此篇非100%原创，因为收集一 ...
分类：
Web程序 时间：
2020-05-28 00:39:47
阅读次数：
71
标签等级 + 块级元素 1. 霸占一行，不能与其他任何元素并列。 2. 能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。 + 行级元素 1. 与其他行内元素并排 2. 不能设置宽高，默认的宽度就是文字的宽度。 + 行级元素与块级元素的转换 1. display:inline将块级元素设 ...
分类：
Web程序 时间：
2020-05-22 17:35:29
阅读次数：
103
