人因梦想而伟大

首页 标签:CSS

  • 几种常见的CSS布局(三栏布局技巧)

    几种常见的CSS布局(三栏布局技巧)

    这篇文章是专门用来列一下常见的几种CSS布局,来实现三栏布局的效果。三栏布局,顾名思义就是两边固定,中间自适应。三栏布局在实际的开发中是很常见的,我们一定要好好琢磨一下。淘宝网这种就属于典型的三栏布局:1、流体布局.left{ ...

    朱绪2017-10-011694CSS
  • css和js文件各自应该放置在哪个位置?

    css和js文件各自应该放置在哪个位置?

    css和js文件各自应该放置在哪个位置?有一天,你在搜索引擎里搜索一个问题,你感觉有个搜索结果的标题吸引到了你,于是就点了,但是点了之后进入网站的几秒钟都是空白状态,过了好久才加载成功。为什么会出现这样的情况呢?我来向大家讲解一下网站加载的...

    朱绪2017-07-111693CSS
  • 用CSS来实现三角形的原理

    用CSS来实现三角形的原理

    在前端开发过程中,三角形在很多地方都能用到。但是为了保证网站的性能,很少会用图片,而是用CSS来实现。至于为什么不用图片,我简单说两句:①图片体积比较大,数据传输量大。②一张图片会引发一次HTTP请求。这是影响页面加载速度的,所以我们更倾向...

    朱绪2017-07-031723CSS
  • *{margin:0;padding:0;}的作用以及利弊

    *{margin:0;padding:0;}的作用以及利弊

    1、*{margin:0;padding:0}的作用是重置(Reset)浏览器默认样式,针对各个浏览器样式的统一有着简单粗暴的效果。*是通配符,用来匹配页面上所有的元素。像body,ul,li,p,H标题标签,dd,dt等都是有默认的mar...

    朱绪2017-07-012068CSS
  • 在div中实现图片垂直居中

    在div中实现图片垂直居中

    在div中实现图片的垂直居中是一个比较常见的技巧,下面我们来看一个实例吧:<!DOCTYPE html><html><head>    <...

    朱绪2017-06-031350CSS
  • 去除inline-block元素间间距的方法

    去除inline-block元素间间距的方法

    大家应该都晓得,inline-block元素之间会有一定的间距,那么怎么去除这个间距呢?我们先来看一下例子:<!DOCTYPE html><html><head> &nbs...

    朱绪2017-06-021754CSS
  • WordPress经典的两栏自适应布局是怎么实现的?

    WordPress经典的两栏自适应布局是怎么实现的?

    wordpress站点很多都用到了自适应两列布局。自适应两列布局,指的是在两列布局中,其中一列的宽度是固定死的,而另外一列的宽度自适应。如果使用浮动来做,只可以实现固定的左右两列布局,并不可以实现其中一列是自适应的布局。案例的代码如下:&l...

    朱绪2017-05-311279CSS
  • border:0和border:none的区别

    border:0和border:none的区别

    border:0和border:none的区别主要体现在两个方面:一方面是“性能差异”,另一方面是“兼容差异”。1、性能差异我们要搞清楚border:0是什么意思,这实际上表示把border定义成0像素。虽然0px在页面上是看不见的,但浏览...

    朱绪2017-05-281316CSS
  • CSS选择器权重的计算只针对指定样式(当前元素),并不能用于继承样式

    CSS选择器权重的计算只针对指定样式(当前元素),并不能用于继承样式

    在CSS中,选择器权重的计算只针对指定样式(当前元素),并不可以用于继承样式。我们来看一个“权重计算”的例子就知道了:<!DOCTYPE html><html><head><m...

    朱绪2017-05-252389CSS
  • px是相对单位还是绝对单位?

    px是相对单位还是绝对单位?

    CSS初学者经常会和px打交道,有的人会误以为px是一种绝对单位,有固定的大小。其实不是的,px是一个相对单位,大小不固定,一般来说是相对于其他长度而言的。在CSS中,常用到的相对单位有px、%、em、rem、ex、vw、vh等。那么,绝对...

    朱绪2017-02-201487CSS