CSS
文章平均质量分 77
志向自由
读万卷书,行万里路
展开
-
MobileWeb适配(一)
了解到MobileWeb适配主要关注三个要素:字体、高宽间距、图像(图标、图片)。 其中图片需要注意:利用 css 将图像限定在元素内( img 图片使用 [max-]width: 100% ,背景图像使用 background-size ),布局只针对元素进行。 字体、高宽间距的单位推荐用rem: rem 默认宽度为 视觉稿宽度 / 16 html {font-size: 6原创 2015-07-23 15:39:34 · 512 阅读 · 0 评论 -
CSS中背景图片定位
CSS中背景图片的定位,困扰我很久了。今天总算搞懂了,一定要记下来。 在CSS中,背景图片的定位方法有3种: 1)关键字:background-position: top left; 2)像素:background-position: 0px 0px; 3)百分比:background-position: 0% 0%; 上面这三句语句,都将转载 2015-07-22 16:42:44 · 754 阅读 · 0 评论 -
CSS基础
CSS选择器 body { font-family: Verdana, sans-serif; } td, ul, ol, ul, li, dl, dt, dd { font-family: Verdana, sans-serif; } p { font-family: Times, "Times New Roman",原创 2015-07-23 17:23:58 · 379 阅读 · 0 评论 -
CSS:选择器
参考网址:456 Berea Street 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info class选择器,匹配所有class属性中包含info的元素 4. #foo转载 2015-07-22 18:18:43 · 413 阅读 · 0 评论 -
CSS清除浮动
在CSS规范中,浮动定位不属于正常的页面流(page flow),是独立定位的。所以,只含有浮动元素的父容器,在显示时不考虑子元素的位置,就当它们不存在一样。这就造成了显示出来,父容器好像空容器一样。如下面这个例子: 如下图:本应包含两个子元素的父元素并没有包含子元素 我们其实想要的是这种结果: 解决方法: 1.添加一个非浮动元素 <div s转载 2015-07-23 10:58:47 · 364 阅读 · 0 评论