![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS进阶
Fade Away
这个作者很懒,什么都没留下…
展开
-
flex align-items aling-content
align-items 每一个item 在当前轴的交叉轴垂直居中align-content 整个 flex容器 在当前 轴的交叉轴垂直居中转载 https://blog.csdn.net/cc18868876837/article/details/88138057...转载 2019-11-29 22:47:50 · 132 阅读 · 0 评论 -
媒体查询
<link rel="stylesheet" media="(max-width: 1279px)" href="1279.css"> <link rel="stylesheet" media="(min-width: 1280px)" href="1280.css">原创 2019-11-21 09:23:35 · 66 阅读 · 0 评论 -
选择器 select option:selected
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <select id="select"> <option value ="A">111&...原创 2019-11-18 13:30:35 · 1197 阅读 · 0 评论 -
CSS NOT 搭配其他选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-11-18 13:23:09 · 193 阅读 · 0 评论 -
less 入门
//变量@color-pink:pink;@color-green:green;@color-red:red;@rem-1:1rem;@rem-2:2rem;*{ margin: 0; padding: 0;}html{ font-size: calc(100vw/13.66);}div,p{ height:1rem;}div{ background: @col...原创 2019-11-03 11:17:36 · 119 阅读 · 0 评论 -
移动端使用rem做自适应 PC端使用百分比
原因 PC 端可以缩放 rem 变化较大Mobile 不允许缩放,因此可以使用rem原创 2019-11-02 10:07:26 · 356 阅读 · 0 评论 -
网站布局 单独只做移动端和响应式布局兼容移动端
单独只做移动 Mobile响应式布局兼容移动端 PC + Mobile原创 2019-11-02 10:04:49 · 215 阅读 · 0 评论 -
视网膜屏幕技术
将物理像素压缩到一个css像素这种压缩技术加工后的显示屏幕叫做视网膜屏幕,就是物理像素压缩之后的屏幕原创 2019-11-02 09:55:06 · 252 阅读 · 0 评论 -
css 之 viewport
1.布局视口2.视觉视口3.理想视口布局视口是开发者布局使用的宽度视觉视口是可见宽度在移动端 一般视觉视口小于布局视口,为了能在手机上完美展示页面,让布局视口和视觉视口相同就是解决办法...原创 2019-11-02 09:41:50 · 212 阅读 · 0 评论 -
横向定时滚动table
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .scrollView{ width: 365px; /* height: 300px; */ overflow: a...原创 2019-10-23 09:45:51 · 170 阅读 · 0 评论 -
css3 实现 antd table固定头和列
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } .table-head { position:...原创 2019-09-26 20:47:42 · 1630 阅读 · 0 评论 -
css+ linear-gradient
background: -webkit-linear-gradient(left,#24adf3 25%,#3498db 50%); background: -webkit-linear-gradient(left,#24adf3 25%,#3498db 25%);原创 2019-09-23 15:23:27 · 84 阅读 · 0 评论 -
css+ vw&rem 自适应布局
对于 ipone6100vw = 750px1px = 100vw/750100px= 10000vw/750=100vw/7.5html:font-size->1rem->100vw/7.5=100px在750尺寸下布局完成,在其他尺寸自适应举例子在375按道理rem应该等于50px 就可以等比缩放看看这个式子在375下是否是50px100vw/7.5=375p...原创 2019-09-20 17:19:01 · 500 阅读 · 0 评论 -
css+ js&rem 自适应布局
因为手机的分辨率各不相同,在移动端的适配就是一个值得讨论的问题。关于rem布局的基本使用rem 是 根元素的字体大小其他元素可以根据这个大小进行布局然后只需要根据获取当前屏幕的宽度,修改rem 就可实现自适应布局举例说明设计稿750 根元素字体大小为100px要适配到 375的分辨率其实只要算出 375下 一个像素需要折合750下多少像素就行了750 / 375 = 2也就...原创 2019-09-20 14:11:39 · 257 阅读 · 0 评论 -
@import link
@import 写在HTML 里面 无法通过DOM修改里面的属性link 是个XHTML标签 样式可以通过dom修改原创 2019-08-14 17:54:04 · 80 阅读 · 0 评论