一. link和import都可以为页面引入css，区别？link方式：<link rel="stylesheet" href=""/>@import 方式 <style> @import "a.css"</style> ① 祖先的差别，link属于XHTML标签，而@import完全是css提供的 ...
分类：
Web程序 时间：
2020-06-03 23:33:59
阅读次数：
69
CSS元素分类 CSS元素大的分为两类：块级元素和行内级元素但行内元素可以进一步分为：行内替换(置换)元素、行内非替换(非置换)元素。 一、块级元素与块元素 块级元素：元素会新起一行，并独占一行，如div、p、form等。display 属性值为：block, list-item, table, f ...
分类：
Web程序 时间：
2020-06-03 13:59:14
阅读次数：
150
Block formatting context （块级格式化上下文） 页面文档由块block构成 每个block在页面上占据自己的位置 使用新的元素构建BFC overflow：hidden | auto | scroll； 只要不为visible 新的空间 告诉浏览器，外面的环境影响不到我了 我 ...
分类：
其他好文 时间：
2020-06-02 20:32:05
阅读次数：
79
1、左右布局 这就要说到一个属性float，使用float: left;就可以让浮动元素 会脱离正常的文档布局流，并吸附到其父容器的左边。在正常布局中位于该浮动元素之下的内容，此时会围绕着浮动元素，填满其右侧的空间。但是，子类使用float来使元素并排，那么父类就需要使用clearfix来防止子元素 ...
分类：
Web程序 时间：
2020-06-02 18:34:45
阅读次数：
72
CSS的三个特性是指层叠性、继承性以及优先级。一、CSS层叠性说明层叠性是多种CSS样式的叠加，是浏览器处理样式冲突的方式。在HTML中对于同一个元素可以有多个CSS样式存在，当有相同权重的样式存在时，会根据这些样式出现的先后顺序来决定，处于最后面的CSS样式将会覆盖前面的CSS样式。举例下面代码，出现一个div标签指定了相同样式不同值的情况，这就是样式冲突。div{color:red;}div{
分类：
Web程序 时间：
2020-06-02 09:16:10
阅读次数：
122
原文链接 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.2) 若是块级元素, 该元素设置 margin:0 auto即可.3) 若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-conte ...
分类：
其他好文 时间：
2020-06-02 00:14:25
阅读次数：
578
块状元素的特点 （1）独占一行 （2）标签宽度与父标签宽度相同 （3）标签可以设置width、height、padding、border、margin样式，都可以生效 （4）块级元素有：html、body、header、h1-h6、div、p、nav、ul、ol、main、footer、dl、dt、 ...
分类：
其他好文 时间：
2020-06-01 23:52:28
阅读次数：
89
1、什么是元素的显示模式 作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好地布局我们的网页 元素的显示模式就是元素以什么方式来进行显示，比如<div>自己独占一行，一行又可以放多个<span> html一般分为块元素和行内元素两种类型 2、块元素 （1）常见的块元素： ...
分类：
Web程序 时间：
2020-05-31 21:41:52
阅读次数：
162
前言：这是我看过最好的flex布局教程：30分钟彻底弄懂flex布局 传统的布局方法与flex属性通览 文档流：块级元素独占一行，从上往下排列，行级元素从左往右排列。 display inline-block主要用来做横向的布局。用分离负maigin用来产生位移。 元素的布局 学习flex我分成两个 ...
分类：
Web程序 时间：
2020-05-31 10:41:32
阅读次数：
75
块级元素(block-level)和行内元素(inline-level) (1)差异： 块级元素能包含行内元素和块级元素，行内元素只能包含行内元素和文本内容 块级元素可以占据一整行，行内元素只能占据内容的宽度 块级元素可以设置宽高margin，padding，行内元素不能设置宽高，设置上下margi ...
分类：
Web程序 时间：
2020-05-31 00:44:40
阅读次数：
138
