XL*沁

摘要： 一、综合写法：background:颜色 图片 是否重复 定位 关联； <1>颜色：英文单词 #bcbcbc rgba(0,0,0,0.5) hsl(色调，饱和度，亮度） hsla(色调，饱和度，亮度,模糊度） <2>图片 url("图片地址") <3>重复/不重复 repeat /no-repea 阅读全文

摘要： 1、视口:就是浏览器显示页面内容的屏幕区域 视口分为: 布局视口，视觉视口，理想视口<1>布局视口:一般移动端设备的浏览器都默认设置了一个布局视口,为了解决早期pc端页面在移动端上的显示问题 苹果 安卓 基本上设置这个视口的分辨率980px<2>视觉视口:你看到的网页区域,指的是网址的区域,通过缩放 阅读全文

摘要： 1、flex属性 flex-grow:;数字不带单位,定义项目剩余的宽度进行扩张(放大) flex-shrink:;数字不带单位,项目总宽度超出容器时的缩小设置 0 本身的大小,不缩小也不放大 1 平均分配,默认值 flex-basis: 0%;项目的长度 综合写法: felx:放大 缩小 长度; 阅读全文

摘要： 1、calc(x - y)方法：运算符号前后一定要空格。 例如：width:calc(100% - 200px); 2、pointer-events:none; 让点击无效 穿透当前元素 3、标准盒模型与怪异盒模型 标准盒模型: box-sizing:content-box; 宽高是独立的；内边距是 阅读全文

摘要： 1、阴影 （1）文本阴影 text-shadow:水平阴影 垂直阴影 模糊度 颜色; 例如：text-shadow:4px -4px 10px red； 多层文本阴影的设置：text-shadow:第一层阴影,第二层阴影,第三层阴影; 例如：text-shadow:4px -4px 10px red 阅读全文

摘要： 1、渐进增强:(从小到大) 先保证最基本的功能 ~> 用户体验的提升 优雅降级:(从大到小) 先针对版本较高的设备进行项目构建,保证用户体验的完美 ~>牺牲一些效果,保证最基本的功能2、选择器(选择符): id class 类型(div span...) 后代选择器 伪类选择器 伪元素选择器...（ 阅读全文

摘要： 1、语义化标签：有指定内容的仓库 < section> </section>:类似于div,偏向画结构 <article></article>:偏向于内容展示 <aside> </aside>:偏向于在一侧/旁边的内容 <header> </header>:页面头部内容，内容的头部区域 <foote 阅读全文

摘要： 一、浏览器前缀 1、css3属性：预览版，还没有一个正式的最终版，多以有很多的兼容性问题，浏览器不识别。 浏览器为了使这些属性兼容，每一个浏览器厂商都提供了一个属于自己的浏览器的语法规则，浏览器兼容前缀。 主流浏览器：谷歌 火狐 苹果 欧朋 ie 2、浏览器前缀： -webkit- 所有基于Webk 阅读全文

摘要： 1、目标伪类选择器 选择器:target{} 当元素被点击时的指向,发生样式的改变2、css样式 圆角: border-radius:; 元素是正方形：宽度的一半px /50%是 正圆 元素是长方形： 较小值的一半px 是半圆，50% 是椭圆。 3、css3 景深 (3D的空间) 观察物体的时候，近 阅读全文

摘要： 一、表格 1、表格 thead 表头 tbody 表体（浏览器默认加上） tfoot 表尾 2、<colgroup span=" 2"> </colgroup> 把几列分成一组 3、<th> </ th> 列标题，默认文本加粗，上下居中，左右居中 4、<caption>表格标题 </caption> 阅读全文