随笔分类 - HTML与css以及前端基础储备
h5相关知识分享
发表于 2020-11-29 18:01阅读：214评论：0推荐：0
摘要：话不多说先上要实现的效果：（很简单水平居中） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>左右固定中间自适应</title> </head> <style type="text/css"> * { margin: 0; pa
阅读全文 »
发表于 2020-11-29 17:27阅读：113评论：0推荐：0
摘要：话不多说先上要实现的效果：（很简单水平居中） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> /* 方式一 */ .box{ width: 100
阅读全文 »
发表于 2020-11-29 16:54阅读：165评论：0推荐：0
摘要：话不多说先上要实现的效果：（很简单水平居中） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素水平居中的方法</title> </head> <style type="text/css"> /* 方式一 margin 0 a
阅读全文 »
发表于 2020-10-14 22:36阅读：206评论：0推荐：0
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>垂直居中--图片自适应宽高</title> <style type="text/css"> /* 方法一 定位 为了看效果就加上了背景 宽高*/ .wrap{ position:
阅读全文 »
发表于 2019-02-14 15:01阅读：448评论：0推荐：0
摘要：效果：
阅读全文 »
发表于 2019-02-14 14:52阅读：360评论：0推荐：0
摘要：效果：
阅读全文 »
发表于 2019-02-14 14:34阅读：479评论：0推荐：0
摘要：效果：
阅读全文 »
发表于 2019-02-14 14:26阅读：337评论：0推荐：0
摘要：效果：
阅读全文 »
发表于 2019-02-13 15:21阅读：7136评论：0推荐：0
摘要：左边 右边 左边 中间 右边 ...
阅读全文 »
发表于 2018-08-14 16:40阅读：1694评论：0推荐：0
摘要：科普下： 平时很少用的css单位: 1.长度单位： rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数; vw:相对于视口的宽度。视口被均分为100单位的vw; vh:相对于视口的高度。视口被均分为100单位的vh; vmax:相对于视口的宽度或高度中较大的那个。其中
阅读全文 »
发表于 2018-06-10 18:49阅读：4868评论：0推荐：1
摘要：禁止input输入框的鼠标滚轮事件
阅读全文 »
发表于 2018-05-29 15:16阅读：3534评论：0推荐：0
摘要：文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出 文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出
阅读全文 »
发表于 2018-05-26 22:00阅读：4047评论：1推荐：0
摘要：第一条消息 第二条消息
阅读全文 »
发表于 2018-04-19 10:45阅读：4373评论：0推荐：0
摘要：百分比布局，也叫做流式布局；清除移动端默认的点击高亮效果：-webkit-tap-highlight-color:transparent;base.css:*,::before,::after{ padding:0; margin:0; -webkit-box-sizing:border-box;
阅读全文 »
发表于 2018-04-17 16:47阅读：1164评论：0推荐：0
摘要：draggable 属性规定元素是否可拖动（HTML5 新增）语法：<element draggable="true|false|auto">true //规定元素是可拖动的。false //规定元素是不可拖动的。auto //使用浏览器的默认特性。
阅读全文 »
发表于 2018-04-06 00:00阅读：371评论：0推荐：0
摘要：元素水平垂直居中 我需要用多种方式居中你
阅读全文 »
发表于 2018-03-18 23:45阅读：179评论：0推荐：0
摘要：text-overflow：clip | ellipsis（默认值：clip）clip：当内联内容溢出块容器时，将溢出部分裁切掉。ellipsis：当内联内容溢出块容器时，将溢出部分替换为（...）。 pointer-events：auto | none （默认值auto这里讲解是常用的属性值，具体
阅读全文 »
发表于 2018-03-18 23:09阅读：301评论：0推荐：0
摘要：仅限于-webkit的样式特效；-webkit-overflow-scrolling:touch;滚动时回弹效果；如果出现偶尔卡住不动的情况，那么在使用该属性的元素上不设置定位或者手动设置定位为static；如果添加动态内容页面不能滚动，让子元素height+1；方法就是在webkit-overfl
阅读全文 »
发表于 2018-03-16 00:52阅读：295评论：0推荐：0
摘要：css 弹性布局： 盒子模型： box-sizing属性1.content-box 正常的普通的盒子模型用padding和border会使盒子变大；（向外扩张）2.border-box 盒子模型，padding和border盒子模型不变大；（向内扩张）calc(计算公式）+ - * /基本用的四种一
阅读全文 »
发表于 2018-02-26 16:20阅读：714评论：0推荐：0
摘要：通常就分为这三大类：* 选定所有对象。通配选择符(Universal Selector)通常不建议使用通配选择符，因为它会遍历并命中文档中所有的元素，出于性能考虑，需酌情使用一、标签选择器，以开始标签作为选择器使用。二、id选择器以唯一标识符id属性识别（表示#name）#name{ font-si
阅读全文 »
