【《CSS3秘笈》备忘录】的更多相关文章

《CSS3秘笈》备忘录

第一部分 1.  类名称区分大小写:.special和.SPECIAL不一样 2.  :focus 是通过单击或跳格集中在某个地方 3.  ::selection 没有单冒号,被选中的文本[ 但是在IE8和Firefox中不支持, 使用à  ::-moz-selection{} ] 4.  :not()一个选择器中只能用一个[:not():not()],不能使用派生选择器[:not(div p)] 5.  ^以什么开头,$以什么结尾,*包含什么 6.  p*  是指p元素内部的元素 第二部分 1…

CSS3秘笈第三版涵盖HTML5学习笔记13~17章

第13章,构建基于浮动的布局 使用的是float(浮动)属性 注:float:none值将取消所有浮动,通常只用来取消元素中已经应用的浮动. 切记:不需要给正文的div设计宽度,即使设计成固定宽度也不用 用浮动进行布局 LayoutGala网站(http://blog.html.it/layoutgala/)上提供了40种不同的CSS设计,但大多只是基本框架,里面只有<div>标签及其定位用的CSS代码 布局生成器,Cridinator(http://gridinator.com)提供了简单的…

CSS3秘笈第三版涵盖HTML5学习笔记9~12章

第9章,装饰网站导航 限制访问,处于隐私方面考虑,浏览器已经开始限制可以对伪类:visited应用哪些CSS属性了.其中包括对已访问过的链接定义color.background-color.border-color等样式(除非已经为那些链接的正常状态定义了颜.背景色和边框色) 对于<a>标签可以对所有不同的访问状态设置样式,但要让样式有效,必须以特定的顺序指定链接:link.visited.hover.active CSS3按钮生成器:http://css3button.net CSS3按钮优…

CSS3秘笈第三版涵盖HTML5学习笔记6~8章

第二部分----CSS实用技术 第6章,文本格式化 指定备用字体: font-family:Arial,Helvetica,sans-serif; 当访问者没有安装第一种字体时,浏览器会在列表中继续往下搜寻,直到找到备用字体. 若字体名称中包含多个单词,则必须用双引号将它们括起来 font-family:"Times New Roman",Times,serif; sans-serif字体 sans-serif字体看起来干净而简洁,所以常被用于标题.sans-serif字体包括Aria…

CSS3秘笈第三版涵盖HTML5学习笔记1~5章

第一部分----CSS基础知识 第1章,CSS需要的HTML HTML越简单,对搜索引擎越友好 div是块级元素,span是行内元素 <section>标签包含一组相关的内容,就像一本书中的章节一样 <aside>标签包含与其周边的内容相关的内容,如纸质杂志上的侧边栏一样 <footer>标签包含通常放在网页底部的一些信息,如版权声明.法律信息.一些网站的导航链接,等等 <nav>标签用来包含重要的导航链接 <figure>标签用于说明图 让IE…

CSS3秘笈：第十章

CSS的transform.transition和animation属性 1.transform(倾斜):利用transform属性可以使导航栏稍微倾斜,或者使图片在访问者的鼠标经过它时放大两倍,甚至可以结合更多transform属性设计出其他效果. 例如,要旋转一个元素,要先提供关键字rotate,后面是要旋转的度数: transform:rotate(10deg);   这条声明是将元素沿顺时针方向旋转10°. 解决兼容问题必须这样改写代码: -webkit-transform:rotate…

CSS3秘笈：第八章

给网页添加图片 1. 常用来处理图片的CSS属性: (1)     border(边框):给图片添加边框. (2)     padding(填充):边框和图片之间填充空间. (3)     float(浮动):浮动图片是指将图片移到左侧或者右侧. (4)     margin(边距):图片和其他网页元素之间添加空间. 2. 添加图片背景: background-image属性可以给元素添加背景.例如:给网页添加一个背景可以给<body>创建如下样式: body{ background-imag…

CSS3秘笈复习：十三章&十四章&十五章&十六章&十七章

第十三章 1.在使用浮动时,源代码的顺序非常重要.浮动元素的HTML必须处在要包围它的元素的HTML之前. 2.清楚浮动: (1).在外围div的底部添加一个清除元素:clear属性可以防止元素包围浮动元素.关键字:left.right或both. (2).浮动外围元素:让包含浮动元素的<div>也浮动.选择这种方法一定要在浮动容器后面的任何元素中添加一个clear属性,确保浮动元素落到容器的下方. (3).利用overflow : hidden.另一种常见的方法是在外围的样式中添加以下属性:…

CSS3秘笈复习：第十一章

1.text-align与vertical-align: text-align控制水平方向的定位,关键字是left.right.center和justify. vertical-align控制垂直方向的定位,关键字是top.baseline.middle或bottom. 两者的区别是,vertical-align不会被继承,因此只能直接用到<th>和<td>标签上. 2.控制表格单元之间的空格:CSS提供了border-spacing属性来控制这条间隙.将该属性应用到表格本身,并且…

CSS3秘笈复习：第九章&第十章

第九章 1.和链接有关的伪类: (1):link,未访问过的链接 (2):visited,已访问过的链接 (3):hover,鼠标悬停链接 (4):active,单击链接时 这四种方式一定要严格按上面的顺序执行否则就会无效. 第十章 1.transform属性: 要旋转一个元素,首先要提供关键字rotate,后面是要旋转的角度,例如: transform : rotate(10deg); //顺时针旋转10度 另一个关键字是scale(缩放),让它变得更大或更小,例如: transform :…