摘要：
2D translate()移动元素 rotate()旋转元素 scale()缩放元素 skew()倾斜 3D translateZ() 3D位移函数 3D旋转的函数有：rotateX、rotateY、rotateZ、rotate3d 3D缩放：scaleZ()函数指定一个在z轴上的缩放 阅读全文
posted @ 2020-12-30 19:30
人间-
阅读(239)
评论(0)
推荐(0)
摘要：
rem是指相对于根元素的字体大小的单位,即根据html元素的font-size来计算大小。 比如说html的font-size大小为100px,一个div的width为1rem,则div的width大小为100px。 阅读全文
posted @ 2020-12-30 19:28
人间-
阅读(281)
评论(0)
推荐(0)
摘要：
固定布局 在<head>里把viewport加好，根pc端一样，设想整个网页的宽度为320px居中即可，超出部分留白。 优点：思路沿用PC端，上手简单。 缺点：大屏幕手机及手机横屏时，两边是留白较大，且大屏幕手机下看起来页面会特别小，操作的按钮也很小，用户体验较差 流式布局 流动布局重点就是使用百分 阅读全文
posted @ 2020-12-30 19:26
人间-
阅读(171)
评论(0)
推荐(0)
摘要：
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 响应式布局可以根据屏幕的大小自动的调整页面的展现方式，以及布局。响应式布局是根据设备屏幕宽度不同适当调整标签显示布局，在每种设4备屏幕宽度的设备下呈现的界面是不同的。 响应式网站的优点： 减少工作量 阅读全文
posted @ 2020-12-30 19:24
人间-
阅读(667)
评论(0)
推荐(0)
摘要：
ie8中图片边框问题 Ie8 中图片放在a标签中显示边框。 解决方案: img{border:none;} ie8中背景复合属性写法问题 如下代码，在标准浏览器中均能正常显示背景图片，但是在ie8中图片显示异常。 .bg{ background:url(“./images/bg.jpg”)no-re 阅读全文
posted @ 2020-12-30 19:22
人间-
阅读(136)
评论(0)
推荐(0)
摘要：
格式优点缺点使用场景 jpg 色彩丰富，文件小 有损压缩，反复保存图片质量下降明显 色彩丰富的图片/渐变图像 gif 文件小，支持动画、透明，兼容性比较好 只支持256种颜色 色彩简单的logo/icon/动图 png 无损压缩，支持透明，简单图片尺寸小 不支持动画，色彩丰富的图片尺寸大 logo/ 阅读全文
posted @ 2020-12-30 19:19
人间-
阅读(862)
评论(0)
推荐(0)
摘要：
ul,li/ol,li/dl,dt,dd拥有父子级关系的标签；ul、ol下都只能跟li，dl下只能跟dt.dd。 p,h标签里面不能嵌套块元素； a标签不能嵌套a； 行内元素不能嵌套块元素； 阅读全文
posted @ 2020-12-30 19:17
人间-
阅读(102)
评论(0)
推荐(0)
摘要：
1.display:none;（将整个元素隐藏，并且不会占据任何的空间） 2.visibility:hidden;（元素的内容不可见，但是元素仍然保持原来的位置和大小） 3.设定它的位置,让其消失不见： position:absolute或fixed，用z-index遮盖。 4.overflow:h 阅读全文
posted @ 2020-12-30 19:16
人间-
阅读(366)
评论(0)
推荐(0)
摘要：
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldse 阅读全文
posted @ 2020-12-30 19:14
人间-
阅读(311)
评论(0)
推荐(0)
摘要：
（1）单行文本溢出显示省略号 P{ width:200px； /*限定盒子的宽度*/ overflow:hidden; /*给元素设置溢出隐藏属性*/ text-overflow:ellipsis; /*文本溢出显示省略号*/ white-space:nowrap; /*文本不换行*/} （2）多行 阅读全文
posted @ 2020-12-30 19:12
人间-
阅读(161)
评论(0)
推荐(0)
浙公网安备 33010602011771号