CSS学习笔记之长度单位(七)

长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。
1、像素
像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器会使用显示器的实际像素值有关,在目前大多数的设计者都倾向于使用像素(px)作为单位。
2、em
就是本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px;如果 font-size 为 18px,那么 1em = 18px。如下代码:

上面代码就是可以实现段落首行缩进 24px(也就是两个字体大小的距离)。
下面注意一个特殊情况:
但当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。如下代码:
html:

css:

结果 span 中的字体“例子”字体大小就为 11.2px(14 * 0.8 = 11.2px)。
3、百分比

设置行高(行间距)为字体的130%(12 * 1.3 = 15.6px)。…

Continue reading

CSS学习笔记之代码简写(六)

盒模型代码简写

还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:

通常有下面三种缩写方法:
1、如果top、right、bottom、left的值相同,如下面代码:

可缩写为:…

Continue reading

CSS学习笔记之布局模型(五)

清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。
CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。
在网页中,元素有三种布局模型:
1、流动模型(Flow)
2、浮动模型 (Float)
3、层模型(Layer)…

Continue reading

CSS学习笔记之盒模型(四)

盒模型–边框

盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。
如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框:

上面是 border 代码的缩写形式,可以分开写:…

Continue reading

CSS学习笔记之权值(一)

权值的规则
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:

注意:还有一个权值比较特殊–继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。

内联样式表(标签内部)嵌入样式表(当前文件中)外部样式表(外部文件中)。…

Continue reading

【转载】伯乐在线 2-2

数据库
MYSQL入门全套
mysql数据库开发常见问题及优化
数据库范式那些事
安装完 MySQL 后必须调整的 10 项配置
MySQL之终端:管理数据库的基本操作
MySQL 调优/优化的 100 个建议
不同场景下 MySQL 的迁移方案
MySQL Drop 大表的解决方案
MySQL 数据库存储引擎
MySQL中的两种临时表
一次存储过程参数嗅探定位流程总结

详解 MySQL 中的 explain
读懂 MySQL 执行计划

MySQL 事务隔离级别
MySQL mysqlbinlog 解析出的 SQL 语句被注释是怎么回事

SQL注入,你想知道的那些事
一次非常有意思的 SQL 优化经历
MySQL索引原理及慢查询优化
三种分页方式效率的简单测试
分页查询,你真的懂吗?

每个开发人员都需要了解的一个SQL技巧
运维角度浅谈 MySQL 数据库优化
关系型数据库表结构的两个设计技巧

Continue reading