#
【CSS布局】左侧固定宽度右侧100%布局的六种实现方式

兼容性较好的3种方法方法一:float+overflow实现:左边浮动+固定宽度,右边overflow:hidden即可,注意,右边不要设置width:100%。由于设置overflow:hidden并不会触发IE6-浏览器的haslayout属性,所以若要兼容IE6需要设置zoom:1。 原理:overflow:hidden会触发BFC,BFC不会浮动元素重叠,因此会重新计算宽度。 <... 阅读全文

@2018-05-23 CSS 浏览(5107)
#
经典老问题,CSS水平垂直居中的若干实现方式

水平居中垂直居中line-height法绝对居中法负外边距法负位移法(推荐)表格法行内块法flex参考水平居中水平居中比较简单,这里只简单概述一下: 对于行内元素来说(span、img、input等),直接text-align:center;即可搞定;对于块级元素,使用margin: 0 auto;也可以搞定; 还有其它一些方法,比如借助绝对定位等,不过更麻烦也不太推荐,所以不讲。 垂直... 阅读全文

@2016-11-26 CSS 浏览(4620)
#
CSS盒模型详解

前言我喜欢把复杂问题简单化,把简单问题更简单化,看到网上介绍CSS盒模型的文章写那么多,觉得还是有必要自己再总结一下。 CSS3出现以前首先,CSS3之前,关于盒模型有这两种,一种是W3C标准盒模型,一种是IE盒模型(低版本IE或者缺少!DOCTYPE会触发此模式)。 所谓W3C标准盒模型,就是实际内容宽度等于设置的宽高度(不包括padding和border);所谓IE盒模型,就是实际内容... 阅读全文

@2016-11-26 CSS 浏览(4189)
#
浮动、BFC以及清除浮动

什么是BFCBFC全称Block Formatting Context,意思是块级格式上下文,它是一个独立的布局环境,一个BFC中的元素布局不受外界的影响。 W3C中关于BFC的定义: 浮动元素、绝对定位元素、非块级元素的块级容器(如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为visiable的元素,都会为他们的内... 阅读全文

@2016-11-24 CSS 浏览(3594)
#
CSS选择器的权重

CSS选择器种类CSS有很多选择器,按照类型我们简单分为以下几种: ID #id类 .class标签 如p通用 *属性 [type="text"]伪类 :hover伪元素 如::after子选择器、相邻选择器、索引选择器等 补充:伪元素只有如下几种:::after、::before、::first-letter、::first-line、::selecton。 CSS权重CSS有... 阅读全文

@2016-11-20 CSS 浏览(3444)
#
jQuery.width()和jQuery.css('width')的区别

原文发表于:20160316 问题描述使用jQuery修改一个div的宽度时,发现$($0).width('10rem')总是修改成不正确的值,然后使用$($0).css('width', '10rem')时却能正确,简单得查阅了下jQuery文档,发现文档里面对$.fn.width的描述是: val为空时是取得第一个匹配元素当前计算的宽度值(px),val不为空时是设置宽度,可以是字符串... 阅读全文

@2016-10-20 JavaScript 浏览(2994)
#
HTML、CSS、JS对unicode字符的不同处理

unicode字符的不同表示法unicode字符在html、css和js中的表示方法均不相同,下面分别作介绍。 css表示法首先来一段很常见的bootstrap的字体图标代码: .glyphicon-home:before { content: "\e021";} 上面代码中的e021就是这个字符的unicode码,是16进制。 语法: '\ + 16进制的unicode编码'如:... 阅读全文

@2016-08-17 前端综合 浏览(5147)
#
css计数器详解

什么是css计数器兼容性解释初始化计数器计数器自增显示计数器countercounters一些高级用法使用中文计数自定义计数器起始值自定义每次递增的值递减计数多个计数器同时使用完整demo参考文章什么是css计数器就是采用css给一些html元素自动生成编号,比如类似1.3.2这种,先看个效果: 对,就是这种类似Word里面很常见的效果,代码如下: <style type="text... 阅读全文

@2016-07-19 CSS 浏览(7393)
#
CSS选择器详解【有待完善】

css1和css2就开始有的选择器css3新增选择器兄弟选择器属性选择器索引选择器其它选择器:epmty::selectionlast-of-type 和 last-child参考css1和css2就开始有的选择器css3新增选择器兄弟选择器E ~ F通用兄弟元素选择器是CSS3新增加一种选择器,这种选择器将选择某元素后面的所有兄弟元素,他们也和相邻兄弟元素类似,需要在同一个父元素之中,换句话说,... 阅读全文

@2016-07-13 CSS 浏览(3039)
第1页,共1页