1.display的常见现象 我们很多人都知道，display可以让元素实现隐藏或者显示。 或者让行级元素变成块级元素。 对它的认识也是比较准确的。 如果一个元素使用了display:none; 那么该元素将会隐藏，无法进行点击，屏幕设置将会无法访问。 但是今天我的意外发现， display: no ...
分类：
其他好文 时间：
2021-07-20 16:31:25
阅读次数：
0
1块级元素 div 一行一个 可以设置w,h 2行级元素 <a> <span> 一行多个 不可以设置w,h 3行内块元素 <img> 一行多个 可以设置w,h 4转换 <display:inline>将块级元素转换为行级 <display:block>将行级元素转换为行级 <display:inli ...
分类：
Web程序 时间：
2020-07-27 13:49:50
阅读次数：
80
一.图片标签<img> <!-- src：图片源，可以是本地也可以是网页上的链接 alt：如果无法显示图像，用此文本代替 title：鼠标放置在图片上出现的文字提示 width,height：定义图片的宽度和高度 --> <img src="images/lpl.jpg" alt="lpl" tit ...
分类：
其他好文 时间：
2020-06-28 00:22:44
阅读次数：
68
前言：这是我看过最好的flex布局教程：30分钟彻底弄懂flex布局 传统的布局方法与flex属性通览 文档流：块级元素独占一行，从上往下排列，行级元素从左往右排列。 display inline-block主要用来做横向的布局。用分离负maigin用来产生位移。 元素的布局 学习flex我分成两个 ...
分类：
Web程序 时间：
2020-05-31 10:41:32
阅读次数：
75
标签等级 + 块级元素 1. 霸占一行，不能与其他任何元素并列。 2. 能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。 + 行级元素 1. 与其他行内元素并排 2. 不能设置宽高，默认的宽度就是文字的宽度。 + 行级元素与块级元素的转换 1. display:inline将块级元素设 ...
分类：
Web程序 时间：
2020-05-22 17:35:29
阅读次数：
103
Web前端面试题目汇总 一、HTML/CSS部分 1.什么是盒子模型？ 盒子模型包含内容(content)、内边距(pandding)、外边距(margin)和边框(border）四部分 。 2.行级元素有哪些？块级元素有哪些？ 空(void)元素有那些？ (1)行级元素 特点：a.可以和其他元素处 ...
分类：
Web程序 时间：
2020-05-06 13:53:16
阅读次数：
77
开发的时候很多莫名的间距，比如img，span没写在同一行，它就无耻地出现间隔； 再比如li标签横方向排列加上行级元素的display: inline-block;属性后，li标签没写在同一行，它也无耻地出现间隔。 所以翻阅很多自来资料，这里总结一下解决方法。。。先了解元素属性 块级元素（块级大多为 ...
分类：
其他好文 时间：
2020-03-23 09:29:19
阅读次数：
85
CSS零碎整理 一、CSS引入方式 1. 行间样式 3. 页面级css 3. 外部css文件 二、选择器 1. id选择器 id不能重复（唯一性）一对一 2. class选择器 多对多 3. 标签选择器 4. 通配符选择器（全局） 5. 属性选择器 6. 父子选择器（派生选择器） 一个例子： 结论： ...
分类：
Web程序 时间：
2020-03-16 23:36:18
阅读次数：
80
html文件不区分大小写。//vue项目中组件名字驼峰 使用时候却全部小写 说明不区分 html语义化的意思， 就是标签名带有一定含义和一些css样式。比如h1-h6是标题 自动放大变粗，img是图片，table是表单等等，html5新增了一些header footer nav导航栏目 便于程序员阅 ...
分类：
Web程序 时间：
2020-02-25 23:55:24
阅读次数：
157
伪元素：::before ::after *必须添加content属性，否则后期不可见 content: ""; *默认是行级元素，如果想设置宽高，就必须转换为块级元素 position: absolute; *行内元素，需要转换成块:display:block float:** position: ...
分类：
Web程序 时间：
2020-02-13 14:45:56
阅读次数：
204
