小不点灬

2020年7月21日

摘要： html5 有哪些新特性？语义化标签(header,nav,footer,figure>figcaption,aside,article,section,) 音视频标签(audio video) 智能表单(url,emaile,number,date...) 表单属性(max,min,placeh 阅读全文

posted @ 2020-07-21 11:03 小不点灬阅读(262) 评论(0) 推荐(0) 编辑

移动端重置样式特殊处理

摘要：移动端重置样式 1、禁止用户选中文字，安卓无效 webkituserselect: none; 2、禁止长按弹出系统菜单。 webkittouchcallout: none; 3、去除android下a/button/input标签被点击时产生的边框 & 去除ios下a标签被点击时产生的阅读全文

posted @ 2020-07-21 09:29 小不点灬阅读(286) 评论(0) 推荐(0) 编辑

什么是viewport viewport设置

摘要：什么是viewport 指的是移动设备浏览器中放置页面的一个虚拟的窗口即用来显示网页的那一部分区域，相当于PC端浏览器可视区在移动端开发中，常将视口抽象划分为布局视口、视觉视口和理想视口。布局视口，移动设备默认的viewport即布局视口，宽度介于768px ~1024px之间，不进行缩放的阅读全文

posted @ 2020-07-21 09:16 小不点灬阅读(884) 评论(0) 推荐(0) 编辑

2020年7月12日

圣杯布局双飞翼布局等高布局

摘要：圣杯布局 1.结构先加载主体,再加载左右 2.将三者都 float:left , 左右再加上一个position:relative（因为相对定位后面会用到）;3、middle 部分 width:100% 占满 ; 此时 middle 占满了，所以要把 left 拉到最左边，使用 marginlef 阅读全文

posted @ 2020-07-12 17:27 小不点灬阅读(212) 评论(0) 推荐(0) 编辑

BFC 生成特性解决的问题

摘要： BFC( 块级格式化上下文 ) 块级格式化上下文，它是指一个独立的块级渲染区域，只有 Blocklevel BOX 参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关. 如何生成BFC 1、根标签 2、float 的值不为 none 3、 overflow 的值不为 visib 阅读全文

posted @ 2020-07-12 15:44 小不点灬阅读(186) 评论(0) 推荐(0) 编辑

2020年7月5日

浮动定位以及其区别

摘要：浮动元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。语法: float : left right none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,即使行内元素浮动后也可以设置宽高.(类似不代表是,浮动后的盒阅读全文

posted @ 2020-07-05 19:52 小不点灬阅读(340) 评论(0) 推荐(0) 编辑

块元素,行内块元素,行内元素(水平垂直居中)

摘要： 1.块级元素水平垂直居中方法1 1  2 position: absolute/fixed; 3 left:0; 4 top:0; 5 right: 0; 6 bottom: 0; 7 margin:auto; 方法2: 1 <!--前提条件:必需知道该阅读全文

posted @ 2020-07-05 19:24 小不点灬阅读(4074) 评论(0) 推荐(0) 编辑

外边距塌陷(外边距合并)

摘要： 1.父子块级元素外边距塌陷子元素加margintop,父元素也加margintop, 如果父元素没有设置margintop,那默认0,取的是其中最大的值,这个效果作用父元素身上啦 , 原因 :他俩共用一个外边距 . 解决 : 方法一 : 给父元素加 border/padding 方法二: 阅读全文

posted @ 2020-07-05 19:00 小不点灬阅读(240) 评论(0) 推荐(0) 编辑

2020年7月2日

css 浮动定位

摘要：浮动元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。语法: float . left . right . none(默认) 注意： 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,如果没有设置宽高,它的宽等同于内容的宽高.即使行内元素阅读全文

posted @ 2020-07-02 20:39 小不点灬阅读(245) 评论(0) 推荐(0) 编辑

2020年7月1日

CSS 三大特性层叠继承优先级

摘要： css三大特性层叠性: 如果一个属性通过两个相同选择器设置到同一个元素上，相同的属性就会出现冲突,那么这个时候一个属性就会将另一个属性层叠掉,采用的是就近原则继承性: 子标签会继承父标签的某些样式一般以font,line,color,text,list,都能继承备注 : a标签不能继阅读全文

posted @ 2020-07-01 12:26 小不点灬阅读(324) 评论(0) 推荐(0) 编辑

公告