李耳QAQ

2020年4月20日

摘要：为了方便rem的计算： html设置font-size的值：100px; 1rem == 100px 出现问题：100px不会自动适配找到一个能随着视口改变的单位 vw 下面需要研究的问题： 100px == ? vw 100px == ?vw 根据设计图先确定适配的核心设备。第一种情况：设计图阅读全文

posted @ 2020-04-20 17:14 李耳QAQ 阅读(172) 评论(0) 推荐(0)

浏览器兼容

摘要：主流浏览器：谷歌、火狐、欧鹏、苹果、Ie 浏览器的世界大战 -> 争夺市场份额上世纪90年代：当微软发布IE 和网景公司网景领航者为什么会出现浏览器兼容问题？每个浏览器的核心源码是不一样的（浏览器内核） --> <!-- 浏览器内核：（重点记） Trident IE内核（代表作：IE) 阅读全文

posted @ 2020-04-20 17:12 李耳QAQ 阅读(144) 评论(0) 推荐(0)

网格布局

摘要： grid布局针对的是子元素布局。 1：形成一个网格结构(父元素添加)： display:grid; 2: 划分行和列 grid-template-columns: grid-template-rows: 如果是3个值代表3行或3列能接受具体的px 也能是百分比划分行和列的时候的关键字和方阅读全文

posted @ 2020-04-20 17:11 李耳QAQ 阅读(117) 评论(0) 推荐(0)

2020年4月15日

媒体查询

摘要：媒体查询：由设备类型、监测设备特性表达式构成。语法： @media 设备类型[all\screen] and (条件表达式){ css样式 } 注：and两侧必须有空格 not放在设备类型的前面（反向选择【排除某个范围】）媒体查询：做样式微小调整例如：浮动显示隐藏文本大小宽高 eg：阅读全文

posted @ 2020-04-15 21:32 李耳QAQ 阅读(118) 评论(0) 推荐(0)

弹性盒模型

摘要：弹性盒子：布局方案。作用：控制离它最近的一层子元素,布局方式。特点： a：弹性盒子里面的离它最近的一层子元素都可以添加大小。 b: 如果想让弹性盒子里面的一个子元素左右上下居中，只需要给子元素添加margin:auto即可 c: 弹性盒子里面的子元素都是沿着“主轴”排列 "主轴":有可能是X轴也阅读全文

posted @ 2020-04-15 21:28 李耳QAQ 阅读(74) 评论(0) 推荐(0)

2020年4月13日

css3当中的阴影属性

摘要： CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展。CSS即层叠样式表（Cascading StyleSheet），是在网页制作时采用的层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 css3中的阴影属性分为文本阴影属性和盒子阴影属性文本阴影：阅读全文

posted @ 2020-04-13 21:25 李耳QAQ 阅读(331) 评论(0) 推荐(0)

2020年3月30日

css择符的归纳

摘要：一：类型选择符（标签选择符）所有的html标签可以直接当作选择符进行应用。 div\p\em\i\b\strong............. 特点：能选中当前结构里面全部同名标签。应用：想统一某一个标签样式的时候或者是清除某个标签默认样式的时候。二：id选择符 -> 相当于人的身份证号语法：阅读全文

posted @ 2020-03-30 18:53 李耳QAQ 阅读(76) 评论(0) 推荐(0)

公告