随笔分类 - CSS
摘要：一. table thead/tbody/tfoot 组合写法： table: 表格； thead: 表头； tbody: 标签表格主体（正文）； tr：行； th：表头单元格 td：单元格； tbody: 包含行的内容下载完优先显示，不必等待表格结束。另外，还需要注意一个地方。表格行本来是从上向下
阅读全文
摘要：之前写页面样式时，有时会遇到 用多条样式定义规则对同一个元素进行样式设置的时候，当时想到的就是 按css选择器的优先级来搞定这个问题，说实话当时也就只记得 内嵌样式 > id > class > 标签 这样简单的规则，虽然基本可以搞定需求，也自以为然的就是这个样子了，直到前两天有个面试问到了这个问题
阅读全文
摘要：浮动元素容器的clearing问题1. 问题的由来有这样一种情形：在一个容器（container）中，有两个浮动的子元素。<div> <div style="float:left;width:45%;"></div> <div style="float:right;width:45%;"></div
阅读全文
摘要：http://www.w3cplus.com/css3/advanced-css-filters.html； backdrop-filter：blur(10px);只支持ios端；只作用于当前元素； 适用场景：为背景添加模糊效果；如果目标元素内包裹着其他内容 则应用filter属性； （不支持安卓，
阅读全文
摘要：有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？ 前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式
阅读全文
摘要：代码如下可自行测试： 方法一：（前提条件： 要知道子元素 内容的高度，然后 按需设置 父元素的高度） 方法二：（父元素 添加 overflow:hidden;） 方法三：（在父级“</div>”结束前加此div引入“class="clear"”样式 —> .clear { clear:both;}）
阅读全文
摘要：个人常用： 如： 1: 设置： ul { letter-spacing: -4px; } ul li { display: inline-block; } ul li a { letter-spacing:0px; } 参考：去除inline-block元素间间距的N种方法
阅读全文
摘要：6/IE7下：inline-block解决方案 IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/I
阅读全文
摘要：CSS的单位及css3的calc()及line-height百分比 摘自：http://www.haorooms.com/post/css_unit_calc 单位介绍 说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百
阅读全文
摘要：不说废话，直接 搞起..... 首先，我们将题目 《css控制元素上下左右居中》 分析一下哈，我是将其分成了4部分信息： 1. CSS控制： 只用 CSS 来达成目的 2. 元素： 不只是div，还包括img + and so on ..... (其实 原理都一样啦，掌握了div的居中法，其它的也可
阅读全文
摘要：宋体：SimSuncss中中文字体（font-family）的英文名称 Mac OS的一些： 华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 儷黑 Pro：LiHei Pro Med
阅读全文
摘要：摘自：http://blog.sina.com.cn/s/blog_ae809a730102vrx8.html 第一种方法： 1、将table的属性设置为：BORDER=0 、cellspacing=1 ； 2、设置table的背景色为即你要设置的table的边框颜色； 3、设置所有td背景色为#f
阅读全文
摘要：CSS颜色代码大全 颜色代码表（一）： 颜色代码表（二）： 颜色代码表（三）： 酒红~鲜红 顏色 桃紅~紛紅 顏色 紫 顏色 褐~橘~米白 顏色 金~黃 顏色 ~黃綠 顏色 藍 顏色 黑~灰~白 顏色 颜色代码表（四）： 颜色代码表（五）：
阅读全文
