CSS
这里王工头
我们都在努力奔跑,我们都是追梦人
展开
-
BFC解读
BFC欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~在 Web 页面的 CSS 渲染中,BFC (Block Fromatting Context)块级格式化上下文,即 BFC 区域是一块独立的块级渲染区域,并且拥有一套渲染规则,来约束盒子布局,且与外部区域无关,块盒与行盒(行盒由一行中所有的内联元素所组成)都会垂直的沿着其父元素的...原创 2019-01-24 16:28:50 · 187 阅读 · 0 评论 -
CSS-sprites,又叫精灵图
CSS-sprites,又叫精灵图欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~概念:CSS-sprites,又叫精灵图,也是CSS图像拼合或者CSS贴图定位CSS-sprites拼合选择合适的图像素材去拼合到一张图片上,再、利用定位将图像在网页中渲染出来一般小素材或者icon类素材或者比较少改动的图片适合拼合为CSS...原创 2019-01-24 16:30:20 · 374 阅读 · 0 评论 -
CSS3新特性
CSS3新特性欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~声明:本文参考 W3C CSS3 教程、菜鸟教程等,详细移步 W3C 或菜鸟教程用 CSS3 做过一些小动画,很好用,特别是里面一些新特性,都是 CSS2 不可比拟的,这里整理一些出来,当做笔记,也当做教程,共勉!CSS3 相比 CSS 2 对边框、背景、渐变、...原创 2019-01-24 16:31:54 · 11649 阅读 · 3 评论 -
Flex 布局
Flex 布局欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~本文参考阮一峰老师的《Flex布局:语法篇》,在实践过程中,添加了一些案例,方便理解详细参考Flex 布局教程:语法篇一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 ...原创 2019-01-24 16:36:59 · 784 阅读 · 0 评论 -
Web前端中的几种流行布局
Web前端中的几种流行布局欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~圣杯布局圣杯布局是一种三列布局,两边定宽,中间宽度自适应圣杯布局可以将整个div.container看做一个奖杯,div.left和div.right看做奖杯的两个耳朵圣杯布局的原理就是当子元素处于浮动状态时,设置负margin,子元素会叠盖到兄弟元素之上方法一:利用 BFC 元素与浮动元...原创 2019-01-26 15:56:58 · 2618 阅读 · 0 评论 -
src 和 href
欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~相同点:src 与 href 都是作为载入文件使用区别:href:href 超文本引用,用来建立当前元素和文档之间的链接。常用的有:link、a浏览器会识别该文档为css文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用link,而不采用@import加载css的原...原创 2019-01-31 18:24:36 · 384 阅读 · 0 评论 -
浅谈渐进增强和优雅降级
浅谈渐进增强和优雅降级欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~声明:本文参考大佬张鑫旭老师和康斌老师的文章:CSS “渐进增强”在web制作中常见应用举例渐进增强 VS 优雅降级概念渐进增强:先解决页面基本布局,再逐渐根据需求进行完善,张鑫旭老师在他的博客 CSS “渐进增强”在web制作中常见应用举例里举的例子...原创 2019-01-27 19:15:43 · 508 阅读 · 0 评论