CSS
文章平均质量分 76
winfredzen
这个作者很懒,什么都没留下…
展开
-
CSS拾遗
CSS拾遗font font的简写形式如下的字体样式:font-style: italic;font-weight: bold;font-size: .8em;line-height: 1.2;font-family: Arial, sans-serif;等同于:font: italic bold .8em/1.2 Arial, sans-serif;backgroundbackgro原创 2016-02-24 09:20:44 · 645 阅读 · 0 评论 -
CSS Tricks
CSS Tricks一些CSS的小技巧1.如何准确的居中? 参考Quick CSS Trick: How To Center an Object Exactly In The Center.centered { position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -100px;}2.铺满原创 2017-02-16 08:53:58 · 1517 阅读 · 0 评论 -
CSS Flexbox(弹性盒子)
CSS Flexbox(弹性盒子)基本概念项目默认沿主轴排列。单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross size在使用flexbox属性之前,需要定义一个flex container,可以使用display来定义,值有两种flex或者inline-flex默认情况下,flex items会在main axis上水平的从左到右排列 默认情况下,flex items原创 2016-11-14 17:12:02 · 966 阅读 · 0 评论 -
响应式布局
响应式布局In general, responsive design consists of fluid grids, fluid images, and media queries.Prior to responsive web design, most web designers thought in terms of print design. Instead of thinking abou原创 2016-07-18 10:00:06 · 303 阅读 · 0 评论 -
CSS布局
CSS布局如何清除浮动如下布局: <section> <img src="images/book1.jpg" alt=""> <p>It's funny float</p> </section> <footer> Here is footer element that across the bottom of the page.原创 2016-07-15 16:43:30 · 502 阅读 · 0 评论 -
CSS Transitions and Transforms
CSS Transitions and Transforms简介CSS transitions feature let you smoothly change one, or several, CSS properties from one value to another over a given amount of time.CSS transforms let you change the p原创 2016-07-20 10:45:30 · 582 阅读 · 0 评论 -
CSS问题
CSS问题img添加到div中,div底部与img的底部有段空白的距离 原因:img为内联元素 解决:img使用display:block, Width and height of parent element not equal to image dimensions [closed]Vertical Margins Collapse 如下的html布局: <header class=原创 2016-07-21 17:18:08 · 557 阅读 · 0 评论 -
SASS
SASS安装SASS是采用Ruby语言编写的,想要使用SASS就必须安装Ruby。安装RubyRuby安装完成后,安装sass。sudo gem install sass安装中可能出现的问题:gem install fails with openssl failure使用在WebStorm中创建后缀为.scss的样式文件,导入样式文件的后缀为.css:<link rel="styleshe原创 2016-05-06 15:12:16 · 364 阅读 · 0 评论 -
CSS——对列表应用样式和创建导航栏
对列表应用样式和创建导航栏基本样式对ul应用列表图片,设置方式为设置background图片。例如: <style> ul { margin: 0; padding: 0; list-style-type: none; } ul li{ backgro原创 2016-02-24 16:02:49 · 1728 阅读 · 0 评论 -
CSS Animation
CSS Animation教程:CSS动画简介css3 animation 属性众妙http://animista.net/原创 2019-04-26 10:33:05 · 419 阅读 · 0 评论