摘要：
前言 早在2010年，设计人员和开发人员就开始实践“响应网页设计”(RWD): 随着网络设备尺寸千变万化，为了达到相同的体验，通常的做法是剪切不相关的设计。实际上，我们可以让我们的设计更好的适应渲染屏幕。 一、 什么是响应式 响应式网页设计就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版 阅读全文
posted @ 2023-01-10 22:41
z_bky
阅读(36)
评论(0)
推荐(0)
摘要：
伸缩盒子模型 伸缩盒子模型控制的是父子关系 父元素：伸缩容器 子元素：伸缩项目 主轴：start-end 交叉轴（侧轴） Flex容器 display:flex display:-webkit-box(旧版本) 主轴布局方向 flex容器flex-direction： row row-reverse 阅读全文
posted @ 2023-01-10 22:41
z_bky
阅读(47)
评论(0)
推荐(0)
摘要：
过渡动画 允许 CSS 的属性值在一定时间区间内平滑的过渡，在鼠标点击，鼠标滑过或对元素任何改变中触发，并圆滑地以动画改变css的属性值 CSS3 过渡语法： transition：[ transition-property ] || [ transition-duration ] || [ tra 阅读全文
posted @ 2023-01-10 22:40
z_bky
阅读(46)
评论(0)
推荐(0)
摘要：
背景图原点 background-origin ：padding-box; (默认) border-box | padding-box | content-box background-origin是用来决定图片的原始起始位置。 它有三个可选值content-box,padding- box,bor 阅读全文
posted @ 2023-01-10 22:40
z_bky
阅读(61)
评论(0)
推荐(0)
摘要：
圆角边框 CSS3 圆角边框（IE9.0以前版本不支持）： border-radius：[ length | % ]{1,4} / [ length | % ]{1,4} border-top-left-radius:5px ; border-top-right-radius:15px; borde 阅读全文
posted @ 2023-01-10 22:39
z_bky
阅读(25)
评论(0)
推荐(0)
摘要：
动态伪类选择器 锚点伪类：link、visited 用户行为伪类：hover、active、focus 目标伪类target（IE9及以上） 属性选择器 选择器描述 E[attr] 有属性att的所有E元素 E[attr='val'] 属性att的值是val的元素 E[attr^='val'] 属性 阅读全文
posted @ 2023-01-10 22:39
z_bky
阅读(39)
评论(0)
推荐(0)
摘要：
音视频历史 大家都有在网页中浏览视频的经历，但在HTML5之前，对视频乃至音频都还没有一个标准 因此在网页中看到的视频，都是通过第三插件的方式嵌入的，可能是QuickTime，也可能是RealPlayer 或者 Flash。浏览器很好的整合了这些插件，你完全意识不到它们的存在 音视频格式 大多数人会 阅读全文
posted @ 2023-01-10 22:39
z_bky
阅读(282)
评论(0)
推荐(0)
摘要：
表单的新属性规范 h5规范允许 当属性名和属性值相等的时候 可以直接书写属性名即可 在js中，h5允许以布尔值的形式控制属性开启或关闭 也就是在js中 给autofocus属性设置值为true（真，打开） 或者是 false（假，关闭） 但是在元素的属性中 不允许使用true或者是false来控制开 阅读全文
posted @ 2023-01-10 22:38
z_bky
阅读(81)
评论(0)
推荐(0)
摘要：
html标签的语义化 语义化标签更具有可读性，便于团队的开发和维护 没有css的情况下，网页也能很好的呈现出内容结构和代码结构 关于SEO，搜索引擎更能理解到网页中各部分之间的关系，更准确更快速搜索信息 header标签 用来定义文档（网页或者是某一个段落）的页眉（头部） 可能包含一些标题元素，也可 阅读全文
posted @ 2023-01-10 22:38
z_bky
阅读(79)
评论(0)
推荐(0)
摘要：
粘连布局 又称作 stick footer布局 如果页面不够长的话 footer粘在视窗的底部 如果页面内容长度超出，footer就会被页面向下推送出去 粘连布局方法1 给inner最小高度是 100% 让footer给margin-top：-50px (自身高度)上去 （main元素和footer 阅读全文
posted @ 2023-01-10 22:37
z_bky
阅读(35)
评论(0)
推荐(0)
摘要：
CSS精灵 精灵图（雪碧图、css sprites）: 是一种网页图片的应用处理方式，允许将一个页面中很多零星的小图片包含到一张大图中去，当访问页面的时候，就不会一张张的去请求显示图片 对于当前的网络来说，小于200k的文件加载速度是一样的 通过background-position属性 将图片定位 阅读全文
posted @ 2023-01-10 22:36
z_bky
阅读(36)
评论(0)
推荐(0)
浙公网安备 33010602011771号