- 博客(8)
- 收藏
- 关注
RSS订阅原创 移动端页面的写法
第一步 ：html 页面 meta 标签声明 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">第二部 ：CSS中将所有元素转换为怪异盒模型：*{box-sizing：bord...
2019-07-31 16:13:06
1195
原创 响应式布局(媒体查询)页面的写法
媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。响应式布局也就是根据屏幕的变化采用不同的css样式改变页面的显示设...
2019-07-30 08:48:38
1525
原创 让元素在容器中垂直居中的几种方法
vertical-align实现垂直居中的方法1 img添加个同级元素span而且在一行，不在一行的话给父级加上white-space:nowrap 去掉换行识别2.给span加上高度与父级同高度3 转换为display：inline-block4添加vertical-align5再给img添加vertical-align6给父亲添加text-align：center通过定位posi...
2019-07-29 10:07:18
706
原创 CSS浏览器兼容问题
兼容问题的罪魁祸首-各大浏览器的内核*Trident: IE、Maxthon(遨游)、腾讯 、Theworld世界之窗、360浏览器代表作品IE,因为IE捆绑在Windows中，所以占有极高的市场份额，又称IE内核或是MSHTML，此内核只能应用于windows平台，且是不开源的。*Gecko：代表作品Mozilla Firefox 是开源的,它的最大优势是跨平台，能在Microsoft W...
2019-07-27 11:25:30
80
原创 CSS border边框属性 写三角形
<div class="box"></div> <style> .box{ width:0; height:0; /*用边框的粗细充当三角形面积 先让四个边框为白色看不见*/ border:60px solid #fff; /*想让三角形朝哪就改相反方向边框的颜色*/ /*朝下*/ border-...
2019-07-26 19:17:15
119
原创 常见的cssbug +产生bug的原因 +bug详细解决
在解决cssbug前需要先了解什么是BFC？BFC文档流与普通文档流的区别？BFC:中文的意思是块级格式上下文 ，他是一个独立的渲染区域，他规定了内部的元素如何布局，而且这个区域与外部的元素毫不相干。普通文档流布局规则1.浮动的元素是不会被父级计算高度的（列入高度自适应布局中高度塌陷bug）2.非浮动元素会覆盖浮动元素的位置（兄弟关系的元素）3.给子级添加margin-top 会传递给父...
2019-07-26 19:09:31
256
原创 圣杯布局（双飞翼模型）的两种写法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圣杯布局or双飞翼布局</title> <style> *{ margin:0; padding:0; } /*清除默认样式不推荐这样只是*/ ...
2019-07-25 20:27:53
141
原创 js猴子吃桃问题函数的递归调用
问题描述：有一堆桃子不知道数目，猴子第一天吃掉一半，觉得不过瘾，又多吃了一只，天天如此买到第num（<=10）天早上，猴子发现只剩一颗桃子了，问原来有多少桃子？通过分析题目中字体加粗的部分我们可以得到以下有用信息：1： 第二天的桃子的个数是第一天的桃子个数的一半减一，由此推断出第n天的桃子是第n-1天的 一半减一（第N天的桃子+1）*2=第N-1天的桃子2：num<=10天 早...
2019-07-25 19:02:00
2809
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人