摘要:
这个属性的官方文档语法:示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 10px; } .a{ float: left; height: 300px;width 阅读全文
摘要:
最近公司的设计人员想要把网站上面的小图标都改为iconfont,我也做了一篇PPT分享给大家,如果现在不记下来,可能过几个月就忘得一干二净了 一· 现代设计的趋势 我们知道,传统设计的思路是拟物化,就是在电子设备中,模拟真实的世界。比如我们用的按钮,会有一些阴影的设计,让他看起来更像我们生活中用到的 阅读全文
摘要:
7.结构和布局 自适应内部元素: min-content(容器内部最大的不可断行元素的宽度(即最宽的单词、图片或具有固定宽度的盒元 素) <figure> <img src="adamcatlace.jpg" /> <figcaption> The great Sir Adam Catlace wa 阅读全文
摘要:
FlexBox 语法指引 容器属性 display : flex | inline-flex CSS的columns在伸缩容器上没有效果。 float、clear和vertical-align在伸缩项目上没有效果 flex-direction: row | row-reverse | column 阅读全文
摘要:
解决的问题 圣杯布局和双飞翼布局解决的问题是一样的,就是两边定宽,中间自适应的三栏布局,中间栏要在放在文档流前面以优先渲染。 圣杯布局 圣杯布局dom结构: <section class="layout grail"> <h1>圣杯布局</h1> <article class="left-cente 阅读全文
摘要:
HTML隐藏 display:none; 表单 type=”hidden” 宽高设为0 height:0;width:0; 祖先元素隐藏或在页面外 margin Visibility:hidden; Opacity:0; box-shadow box-shadow: 0 2px 5px 0 rgba 阅读全文
摘要:
浏览 Animate.css官网 的时候发现Animate.css这几个字母的颜色会慢慢变化,个人觉得还是很有意思,本以为是利用animate 改变color,结果F12后发现好多奇怪的css属性。 先来看看我的实现方法 简易实现方法 h2{ height: 60px; color: #f35626 阅读全文
摘要:
CSS 的全称是 Cascading Style Sheets,即层叠样式表, 是一种样式表语言,用来描述 HTML 或 XML(包括如 SVG、XHTML 之类的 XML 分支语言)元素所呈现的样式。 “层叠”即表示允许以多种方式来描述样式,一个 HTML 元素可以被渲染呈现出多种样式。 下面就让 阅读全文
摘要:
SASS介绍 css预处理器。其实还有用的很多的less,stylus。SASS支持所有css语法基础的文件命名方法以_开头 准备工具 SASS编译工具?官方下载地址,下载对应版本 用法: 将项目中的css文件夹拖入Koala 创建sass文件 后缀demo.sass (Koala会自动编译成dem 阅读全文
摘要:
原文链接 Sticky Footer 经典的上-中-下布局。 当页面内容高度小于可视区域高度时,footer 吸附在底部;当页面内容高度大于可视区域高度时,footer 被撑开排在 content 下方 demo link <body> <header>HEADER</header> <articl 阅读全文