css3
文章平均质量分 75
Dseai_
Even now there is still hope left
展开
-
CSS3
CSS3一些属性原创 2016-08-15 18:01:32 · 317 阅读 · 0 评论 -
@ font-face介绍
@ font-face的是一个CSS规则,允许你输入自己的字体出现在网站上,即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是,它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。 如何使用@ font-face的 下面的语法是你如何使用@ font-face的。首先,定义新的字体所提供的名称和说明的字体。 p { font-family: Delic转载 2017-04-24 11:00:44 · 594 阅读 · 0 评论 -
flex布局
网页布局,是css的一个重要应用。 传统的网页布局,主要是基于盒模型,和display、position、float属性,这些属性的一个优势就是简单,容易理解,但也有一些不方便的地方,比如在实现垂直居中的时候。 2009年,W3C提出了一种新的解决方案:Flex(Flexible Box,弹性布局)布局。 设置为flex布局的容器称为flex容器,flex容器的子元素称为容器项目转载 2017-05-06 16:48:43 · 459 阅读 · 0 评论 -
圣杯布局
body{ box-sizing: border-box; min-width: 1000px; } #head{ text-align: center; background-color: #CCCCFF; } #container{ padding-left: 200px; padding-right: 200px; overflow:原创 2017-05-07 13:27:25 · 407 阅读 · 0 评论 -
css的定位问题
一、Position各属性值详解 1. static :默认值,元素将按照正常文档流规则排列。 2. relative :相对定位,元素仍然处于正常文档流当中,但可以通过left、top、right和bottom的CSS规则来改变元素的位置。 注意点:[a]. 元素原来位置将保留,不被其他元素所占据;转载 2017-05-07 14:36:23 · 399 阅读 · 0 评论 -
CSS垂直居中总结
本文讨论的垂直居中仅支持IE8+ 1、使用绝对定位垂直居中 div class="container"> --> div class="center absolute_center"> 生活不能等待别人来安排,要自已去争取和奋斗;br>转载 2017-05-07 15:49:22 · 419 阅读 · 0 评论 -
CSS变量教程
原文地址http://www.ruanyifeng.com/blog/2017/05/css-variables.html 一,变量的声明 声明变量的时候,变量名前面要加两根连词线(--)。 body { --foo: #7F583F; --bar: #F7EFD2; } 上面代码中,body选择器里面声明了两个变量:--foo和--bar。 它们与color、fon转载 2017-05-18 10:15:07 · 397 阅读 · 0 评论 -
清除浮动的几种方法
1)添加额外标签 1)添加额外标签 .main{float:left;} .side{float:right;} .footer 优点:通俗易懂,容易掌握 缺点:可以想象通过此方法,会添加多少无意义的空标签,有违结构与表现的分离,在后期维护中将是噩梦,这是坚决不能忍受的,所以你看了这篇文章之后还是建议不要用了吧。 2)使用 br标签和其自身的 html属性 2)使用 b原创 2017-04-27 16:09:55 · 368 阅读 · 0 评论