随笔分类 -  前端

HTML汇总，集合了HTML所有知识点
移动端的点击延迟事件
摘要：在移动端里面 如果没有加视口 那么点击事件会比触摸结束事件晚300ms左右 原因: 因为移动端没有加视口的情况下 允许用户进行缩放 移动端有默认双击放大功能 为了兼容双击事件 就判断300ms以内点击两次算是双击 只点一下 就是单击 解决移动端点击延迟的问题: 1. 最简单的方法就是给移动端加视口  阅读全文
posted @ 2020-11-17 18:40 花开荼蘼Ⅴ彼岸未归 阅读(290) 评论(0) 推荐(0)
BFC块级格式化上下文
摘要：定义 在解释什么是BFC之前，我们需要先知道Box、Formatting Context的概念。 Box：css布局的基本单位 元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器），因 阅读全文
posted @ 2020-08-29 10:54 花开荼蘼Ⅴ彼岸未归 阅读(359) 评论(0) 推荐(0)
伪元素、伪类和选择器之间的区别
摘要：今天我们来了解一下伪元素和选择器、伪类的有什么区别呢？ 首先了解选择器以及css css呢是创建html网页的样式，这个就不用多说了 选择器类型首先我们知道的有类选择器、ID选择器、子代选择器、元素选择器、标签选择器等 同时呢伪元素是指c3的属性，是一种特殊的样式 常用的有:after 和 :bef 阅读全文
posted @ 2020-08-08 10:53 花开荼蘼Ⅴ彼岸未归 阅读(916) 评论(0) 推荐(0)
a标签阻止默认跳转行为事件
摘要：a标签有默认的点击事件，点击事件的默认行为是跳转到href指定的某一个网址 组织默认跳转事件行为 1.javascript：void(0) 空处理 void为关键字 <!-- void 它只进行计算或者运行，但是没有返回值 --> <a href="javascript:void(0)">点击跳转< 阅读全文
posted @ 2020-07-13 18:51 花开荼蘼Ⅴ彼岸未归 阅读(2081) 评论(0) 推荐(0)
阴影
摘要：1 <style> 2 .box{ 3 width: 200px; 4 height: 200px; 5 background-color: red; 6 margin: 100px auto; 7 box-shadow: 0px 0px 25px 5px orange,0px 0px 25px 1 阅读全文
posted @ 2020-05-02 17:27 花开荼蘼Ⅴ彼岸未归 阅读(239) 评论(0) 推荐(0)
html+css
摘要：1、css样式表中 ！improtant原则 作用 ：强制调整优先级（一定是最后显示的），打破了优先级foot <style type="text/css"> .div{ background-color: red; width: 200px; height: 100px; border: 1px 阅读全文
posted @ 2020-05-02 11:24 花开荼蘼Ⅴ彼岸未归 阅读(187) 评论(0) 推荐(0)
h5c3介绍
摘要：因为某些原因写的不是很规范，请见谅，仅供参考<body>/*什么是H5和C3呢？H5指的就是HTML5 HTML5是第五个正式发布的版本 5是版本号HTML5相比于之前有较大的变动classlist.remove input email time phone类型C3 CSS3就是css的第三个版本主 阅读全文
posted @ 2020-04-23 17:44 花开荼蘼Ⅴ彼岸未归 阅读(1044) 评论(0) 推荐(0)
css中需要更小的字体如何实现
摘要：我想有很度人都遇到过这种问题，因为浏览器对font-size的最小值有所限制，例如Chrome,当我取值为10以下时，没有任何变化，直到0时文字消失不见，负值时回到字体原本的样子，所以我整理了一下浏览器对取值的限制以及解决方法 我遇到的是更小字体的解决方法，所以以我为例 .span1{ displa 阅读全文
posted @ 2020-01-17 13:28 花开荼蘼Ⅴ彼岸未归 阅读(1998) 评论(0) 推荐(0)
一些细节注意点
摘要：能实现背景平铺效果，对应的CSS为div{backgroud-image:url(images/bg.gif);} 解析: background-image属性后面只能添加图片路径的属性值，因为他不是复合式写法，不能同时添加平铺属性值。当只添加背景图时，背景图默认平铺。 注意 ： 除了backgro 阅读全文
posted @ 2020-01-08 15:22 花开荼蘼Ⅴ彼岸未归 阅读(164) 评论(0) 推荐(0)
css的显示
摘要：显示方式 作用：决定了元素页面中的如何摆放定位 属性：display display:none; 元素的分类变为空，从而不见，脱离了文档流 控制元素的可见性：visibility:hidden; 隐藏 visibility:visible; 可见的 visibility:collapse;使用在表格 阅读全文
posted @ 2019-12-23 19:48 花开荼蘼Ⅴ彼岸未归 阅读(248) 评论(0) 推荐(0)
定位和position定位
摘要：定位有：普通流定位 、浮动定位 、相对定位 、 绝对定位 、 固定定位 特点 普通定位：被称为文档流定位，是页面元素默认的定位方式（块级：从上到下，独占一行；行级：从左到右，不独占一行） 浮动定位： 1.浮动元素脱离文档流，未浮动元素上前补位 2.浮动元素会停靠在父级元素的左边或者右边，亦或者紧跟其 阅读全文
posted @ 2019-12-23 18:29 花开荼蘼Ⅴ彼岸未归 阅读(317) 评论(0) 推荐(0)
如何解决两个span标签之间的缝隙
摘要：1、span直接一行 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> span{ background-color: red; } </style> </he 阅读全文
posted @ 2019-12-21 15:25 花开荼蘼Ⅴ彼岸未归 阅读(1052) 评论(0) 推荐(0)
css里的背景属性有哪些，如何去使用哪些属性
摘要：分类：纯色背景 背景图像 1、背景颜色 background-color : 任意合法的颜色 和 transparent 2、背景图像 background-image : url(想要加载的图片） 3、背景图片平铺 background-repeat : repeat：默认值水平垂直方向都平铺 r 阅读全文
posted @ 2019-12-11 22:42 花开荼蘼Ⅴ彼岸未归 阅读(1212) 评论(0) 推荐(0)
选择器与透用属性
摘要：透用属性有哪些？ 1、id 页面元素独一无二的标识 2、class 定义元素的选择器 3、style 定义标签的行内样式 4、title 鼠标移入到元素上时显示标签内容CSS都有哪些选择器 1、派生选择器 （用HTML 标签申明） 2、ID选择器（用DOM的id申明） 3、类选择器（用一个样式类名申 阅读全文
posted @ 2019-12-09 21:11 花开荼蘼Ⅴ彼岸未归 阅读(130) 评论(0) 推荐(0)
html汇总
摘要： 阅读全文
posted @ 2019-12-09 20:36 花开荼蘼Ⅴ彼岸未归 阅读(192) 评论(0) 推荐(0)