css权威指南学习笔记
2016-08-03
1,继承
一般大多数框模型属性都是不能继承的。如:padding 、margin 、border 、background 都不能继承。
继承值,完全没有特殊性。(就是优先级最低)
2,缩进
text-indent: 属性 段落前空格。应用于块级元素
3,水平对齐: text-align text-align:center 该属性只对元素中的内容进行位置的控制,标签<center>不仅控制内容位置,而且控制整个元素位置。
4,垂直对齐: line-height,可应用于所有元素,可继承。 vertical-align : 应用于行内元素和表单元格,不可继承。
注:上标和下标 vertical-align : sub; 下标。 vertical-align : supper; 上标。
5,文本转换:text-transform:uppercase | lowercase | capitical | none | inherit
2016-08-03
1,合并垂直外边距
如:
li {
margin-top : 10px;
margin-bottom : 15px;
}
一个ul里面有多个li 他们之间的距离是15px而不是25px。因为垂直外边距被合并了,取了较大的值作为外边距。
2,border
<input type="text" class="find-pwd-next" value="下一步" style="border:1px solid red;"/>
<input type="text" class="find-pwd-next" value="下一步" style="border:5px double red;"/>
看来还是学得不够仔细,第一次知道border还有double的值。双线框就是这么画的。
2016-08-10
3, 浮动和定位
浮动的详细内幕:(看得我头晕)
a,浮动元素的左外边界不能超过其包含块的左内边界,右边的一样的道理。(这是肯定的,浮动就是相对于父容器浮动,是不会超出去的)
b,浮动元素的左外边界必须是源文档之前出现过得浮动元素的右外边界,除非后面的浮动的顶端在前面的浮动元素的底端下面。右边同理。(读起来好拗口,但是比较好理解,毕竟经常做这样的事,比如三栏布局,左中右,左和中都向作浮动,那么中间那一块的左外边界最左只能到左边那一块的右边界,除非中间那块移动到下一行。)这样使得浮动很安全。
c,左浮动元素的右外边界不会在其右边右浮动元素的左外边界的右边。。右浮动同理(看懂了吗,没懂。。。)
d,一个浮动元素的顶端不能比其父元素的内顶端更高。
e,浮动元素的顶端,不能比之前浮动元素或者块级元素的顶端更高。(很好理解)
f,。。。(怎么都那么拗口,宝宝看不来。。)
嗯,后面的块级元素记得清除浮动。记得清除浮动,记得清除浮动。
定位:
!!绝对定位的垂直布局行为:
对绝对定位的元素使用margin: auto 0; 可以得到元素垂直居中的效果。
表布局 (2016-08-14)
1,border-spacing 表格边框距离,display值为table或者inline-table时可用
列表与生成内容(2016-08-19)
1,list-style-position: inside 、outside
2,list-style-image: url()
3,list-style : li{ list-style: url(123.png) square inside;}
3,quotes 引用,适用于所有元素、具有继承性
quot{ quotes: ‘201c’‘201d’;} 引用弯引号(201c 201d为弯引号的16进制unicode值)
非屏幕媒体(2016-08-20)
css权威指南学习笔记的更多相关文章
- CSS权威指南学习笔记系列(1)CSS和文档
题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对, ...
- css权威指南学习笔记 —— css选择器
1,选择器:选择器的一些基本常用规则基本都记得,w3c上都有,平时也常用,不常用的一些后代选择器经常就忘记了.一些归纳一下后代选择器,加深一下印象: a:子选择器: p>a a是直接是p的 ...
- CSS权威指南学习笔记 —— HTML元素分类
HTML文档由各种元素组成.比如,p.table.span等等.每个元素都会对文档的表现有所影响.CSS中,每个元素都会生成一个框(传说中的盒子),其中包含元素内容. 元素可以根据它的创建方式分为两种 ...
- CSS权威指南学习笔记 —— 初步认识CSS
层叠样式表(Cascading Style Sheets,CSS)可以影响文档的表现.CSS是依附于文档的,如果不存在某种文档,CSS基本上是没有用的. 为什么会有CSS 在web早期(1990-19 ...
- css权威指南学习笔记--列表与生成内容
列表属性 1.list-style-type:css2多于css2.1 2.list-style-image:有继承,子级列表会继承该图像 3.list-style-position:inside|o ...
- HTTP权威指南-学习笔记
目录 HTTP权威指南-学习笔记 HTTP: Web的基础 URL与资源 HTTP报文 连接管理 HTTP结构 Web服务器 代理 缓存 集成点: 网关,隧道及中继 Web机器人 识别,认证与安全 客 ...
- JavaScript 权威指南-学习笔记(一)
本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! ## JavaScript 权威指南-学 ...
- Hadoop权威指南学习笔记二
MapReduce简单介绍 声明:本文是本人基于Hadoop权威指南学习的一些个人理解和笔记,仅供学习參考,有什么不到之处还望指出,一起学习一起进步. 转载请注明:http://blog.csdn.n ...
- Hadoop权威指南学习笔记一
Hadoop简单介绍 声明:本文是本人基于Hadoop权威指南学习的一些个人理解和笔记,仅供学习參考,有什么不到之处还望指出.一起学习一起进步. 转载请注明:http://blog.csdn.net/ ...
随机推荐
- Android中隐藏顶部状态栏的那些坑——Android开发之路3
Android中隐藏顶部状态栏的那些坑 先看看常规的隐藏状态栏的方法: 方法一: @Override protected void onCreate(Bundle savedInstanceState ...
- JavaSe:Properties文件格式
Properties文件格式说明 Properties继承自Hashtable,是由一组key-value的集合. 在Java中,常用properties文件作为配置文件.它的格式是什么样的呢? 下图 ...
- Track 造成Goldengate abended的那条record
Email收到了这样的报错: 2016-12-07 02:52:22 WARNING OGG-01004 Aborted grouped transaction on 'MSP.USER_ACTI ...
- SQL语句中的where 1=1 和0=1
摘自:http://blog.sina.com.cn/s/blog_afe616ab0101camd.html SQL where 1=1 和0=1的作用 where 1=1; 这个条件始终为True ...
- Sql Server 2016 新功能——内置的 Temporal Tables
放假之前老大跟我提起了一下2016有个有趣的功能叫 Temporal Table ,今天去看了一下资料整理一下. 这个功能看上去像是临时表,但是其实是系统维护的一个历史记录表.(在某个程度上面比起我们 ...
- 基于UDP的网络编程
与TCP编程相比较,UDP缺少了connect().listen()及accept()函数,这是由于UDP协议无连接的特性,不用维护TCP的连接.断开等状态. UDP编程框图 API函数 socket ...
- Linux SVN 搭建(YUM)安装
安装说明 系统环境:CentOS安装方式:yum install (源码安装容易产生版本兼容的问题)安装软件:系统自动下载SVN软件 Linux svn服务端配置 检查已安装版本 #检查是否安装了低版 ...
- 第10章 Shell编程(2)_字符截取命令
2. 字符截取命令 2.1 cut字段提取命令(grep提取行,cut提取列) (1)cut命令:#cut [选项] 文件名 选项: -f 列号:提取第几列: -d 分隔符:按照指定分隔符分割列,默认 ...
- python中的迭代器
1.可以直接作用于for循环的数据类型 第一类:集合数据类型,如list.tuple.dict.set.str等: 第二类:generator,包括集合定义generator和带yield的gener ...
- MySQL复制环境(主从/主主)部署总结性梳理
Mysql复制概念说明Mysql内建的复制功能是构建大型,高性能应用程序的基础.将Mysql的数据分布到多个系统上去,这种分布的机制,是通过将Mysql的某一台主机的数据复制到其它主机(slaves) ...