css
QilongPan
这个作者很懒,什么都没留下…
展开
-
css中单位px和em,rem的区别
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pix原创 2016-07-11 10:31:01 · 278 阅读 · 0 评论 -
浏览器兼容性问题及解决方案
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px转载 2016-03-07 21:16:56 · 610 阅读 · 0 评论 -
CSS边框盒子模型
盒子模型主要是有margin(外边距)、border(边框)、padding(内边距)、content(内容)组成,这些属性我们可以把它转移到我们日常生活中的盒子上来理解,日常生活中所见的盒子也就是装东西的箱子,也具有这些属性,所以叫它盒子模型其中content(内容)又可以有两个元素width(宽)和height(高)CSS边框样式可以使用border转载 2016-04-10 21:44:20 · 428 阅读 · 0 评论 -
CSS常用属性和值
1.字体[html] view plain copy html> head> title>fonttitle> style> h1{ fo转载 2016-04-10 21:47:51 · 265 阅读 · 0 评论 -
CSS定位属性之间的相互作用
0. 目录目录引言正文1 DISPLAY NONE2 POSITION ABSOLUTE OR FIXEDFloatDISPLAY3 FLOAT LEFT OR RIGHTDISPLAY4 POSITION STATIC偏移值声明1. 引言原文:bitsofcode的HOW POSITIONING CSS PROPER转载 2016-05-03 22:27:53 · 377 阅读 · 0 评论 -
Link 标签 rel=Stylesheet的实际作用
Link标签有两个作用 一是定义文档与外部资源的关系、二是链接样式表Link标签有两个作用:1. 定义文档与外部资源的关系;2. 是链接样式表。 下面是链接外部样式表 复制代码代码如下: href 为 URL地址; type为链接文件的格式; rel 该属性规定当前文档与被链接文档之间的关系。但是,只有 rel 属性的转载 2016-07-26 15:15:00 · 1362 阅读 · 0 评论 -
CSS中margin和padding的区别
在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。 下面讲解 padding和margin常用的用法 一、padding 1、语法结构(1)padding-left:10px; 左内边距(2)padding-right:10px; 右内边距(3)转载 2016-07-26 15:20:38 · 233 阅读 · 0 评论 -
css盒模型和块级、行内元素深入理解
内联元素(行内元素)内联元素(inline element)* a - 锚点* abbr - 缩写* acronym - 首字* b - 粗体(不推荐)* bdo - bidi override* big - 大字体* br - 换行* cite - 引用* code - 计算机代码(在引用源码的时候需要)* dfn - 定义字段* em - 强调* font - 字体转载 2016-07-26 15:30:23 · 3846 阅读 · 0 评论 -
display 用法
display属性值:none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 inline-block 行内块元素。(CSS2.1 新增的值) list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CSS 中有值原创 2016-07-26 15:46:45 · 1094 阅读 · 0 评论 -
如何用img标签显示图片的某一部分
显示上半部分用一个div浮动与图片上面,设置白色的背景.third{ background:#FFF; height:115px; width:100%; position:absolute;}原创 2016-07-26 16:30:25 · 9345 阅读 · 0 评论 -
CSS自适应布局总结教程
前言标题严格遵守了新广告法,你再不爽,我也没犯法呀!话不多说,上干货!所谓布局,其实包含两个含义:尺寸与定位。也就是说,所有的布局方案,本质上都是尺寸与定位的结合。大体上,布局中会用到的有:尺寸相关的盒子模型,普通流、浮动、绝对定位三种定位机制,CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局,inline-blo转载 2016-07-09 17:42:59 · 579 阅读 · 0 评论