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