流式布局（百分比布局） 在CSS2时代就有，主要指的是将页面中元素的宽度以百分比表示并进行排版，可以在不同分辨率下显示相同的版式 响应式布局 关键技术是CSS3中的媒体查询，可以在不同分辨率下对元素重新设置样式（不只是尺寸），在不同屏幕下可以显示不同版式 举例： 可以实现不同尺寸屏幕下对不同元素的显 ...
分类：
其他好文 时间：
2019-08-14 16:41:19
阅读次数：
82
预习了CSS3部分的新知识，想着在不使用JS的情况下实现导航栏滚动条效果，如下： 实现滚动条效果，其实就是在<li></li>标签中让<span>元素的宽度由0变化到100%，代码很简单，如下所示： CSS样式部分： HTML部分： ...
分类：
Web程序 时间：
2019-08-13 18:38:37
阅读次数：
172
编辑器： webstorm， 英文版 sublime, hbuilder vscode, dwh5的新标签及特性（移动端用的多），，，，如果想在图片里面显示 “帅哥" 记得使用单双引号，外面是单引号，里面是双引号例如： <img src="" alt="" title='这里有一个"傻狗"'/>h5 ...
分类：
Web程序 时间：
2019-08-13 00:12:41
阅读次数：
161
通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 ㈠@keyframes 规则 ⑴浏览器支持 Firefox 支持替代的 @-moz-keyframes 规则。 Opera 支持替代的 @-o-keyframes 规则。 Safari 和 ...
分类：
Web程序 时间：
2019-08-11 20:26:42
阅读次数：
120
基本选择器 非CSS3新增的选择器（最最基本的选择器） 通配符选择器：选中文档中所有元素 元素选择器：选中文档中某一标签的所有元素 类选择器：选中文档中某一class属性值的所有元素 ID选择器：选中文档中特定ID值的元素 后代选择器：结合元素、类和ID选择器，选中父元素下的某一子元素，父元素和子元 ...
分类：
Web程序 时间：
2019-08-10 17:51:22
阅读次数：
929
1. 什么是视口？ 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。 2. 视口单位vw，vh 视口单位中的“视口”，桌面端指的是浏览器 ...
分类：
Web程序 时间：
2019-08-10 17:37:18
阅读次数：
123
1、让一个不定宽高的盒子，垂直水平居中? 使用Flex + 在父盒子设置： 使用CSS3的transform + 绝对定位 ...
分类：
Web程序 时间：
2019-08-10 11:29:51
阅读次数：
82
2D转换方法：在平面对元素进行旋转，缩放，移动，拉伸。 ㈠浏览器支持 ⑴2D转换效果有以下的浏览器支持： ⑵在编辑代码的时候要注明用哪种浏览器打开，在前面加上前缀，下面是编辑器的简写形式，以及前缀名： ㈡ transform 属性 ⑴rotate() 进行旋转的函数 ⑵scale() 进行缩放的函数 ...
分类：
Web程序 时间：
2019-08-08 23:40:37
阅读次数：
144
body{ max-width: 540px; min-width: 320px; margin: 0 auto; font: normal 14px/1.5 tahoma; color: #000; /* background-color: #f2f2f2; */ overflow-x:hidde... ...
分类：
Web程序 时间：
2019-08-08 12:52:42
阅读次数：
164
vw和vh是视口（viewport units）单位，何谓视口，就是根据你浏览器窗口的大小的单位，不受显示器分辨率的影响，是不是很神奇，这就代表了，我们不需要顾虑到现在那么多不同电脑有关分辨率的自适应问题。 vw是可视窗口的宽度单位，和百分比有点一样，1vw = 可视窗口的宽度的百分之一。比如窗口宽 ...
分类：
Web程序 时间：
2019-08-06 21:21:49
阅读次数：
161
