1.一般来说，影响网页元素位置的属性都不会被继承，margin/padding/background-color/border
2.p,p*{},p和p里所有的标签
3.最近的祖先样式胜出；直接应用的样式胜出；权重值高的样式胜出，继承来的样式权重为0；权重值相同时，最后定义的样式胜出
4。伪元素被当成标签选择器对待，权重为1，伪类被当作类选择器对待，权重为10
5.当两个都有!important的样式应用于相同的属性时，更具体样式的!important规则胜出
6.若要使外部样式表中的部分样式失效，可以在内部样式表中重新定义；定义另一个外部样式表，并在该样式表中重新定义
7.一些h5的标签如header/footer/article等标签，可以在css reset时将他们设置display：block；
8.使用web字体时，最好把@font-face集中放在样式表的最上方，以便浏览器能立即开始下载他们
9.eot格式只能用于IE
10.字体的排列顺序应为.eot,.woff,.ttf和.svg
11.支持IE8的字体，要在font-family中加上字体类型，如PTSansRegular,font-style和font-weight均设置为normal
12.将@import放在外部样式表的顶部
13.font-size可以使用关键字:xx-small,x-small,small,medium,large,x-large,xx-large
14.font-size:0.75rem,设置为基于根元素的0.75倍大小
15text-decoration：underline blink；
16.text-show可以同时设置多个阴影，用逗号隔开
17.text-indent设置为%时，根据宽度进行缩进
18.font-size：62.5%；，因为62.5% * 16px =10px;,suoyi 1.5em=15px,计算方便
《CSS3秘笈》(第3版)个人笔记之4~6章
时间： 2024-09-29 18:00:12
《CSS3秘笈》(第3版)个人笔记之4~6章的相关文章
CSS3秘笈第三版涵盖HTML5学习笔记13~17章
第13章,构建基于浮动的布局 使用的是float(浮动)属性 注:float:none值将取消所有浮动,通常只用来取消元素中已经应用的浮动. 切记:不需要给正文的div设计宽度,即使设计成固定宽度也不用 用浮动进行布局 LayoutGala网站(http://blog.html.it/layoutgala/)上提供了40种不同的CSS设计,但大多只是基本框架,里面只有<div>标签及其定位用的CSS代码 布局生成器,Cridinator(http://gridinator.com)提供了简单的
CSS3秘笈读书笔记 2015/12/7
第六章 一.文字 font-family: 一.常用的英文字体 (1)serif字体:用于冗长的文字信息 (2)sans-serif字体: 经常用在标题上 (3)monospaced字体: 经常用于显示计算机代码 二.常见的中文字体 三.网络字体 1自托管(买断字体) (1)语法: @font-face: 高速浏览器字体名称及需要到哪里去下载 @font-face { font-family: " PTSansRegular "; 给字体进行命名 src: url('fo
CSS3秘笈读书笔记 2015/12/9
第十章.CSS的tansform\transtition\animation属性 Transform:对元素进行变形: 变换 Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画.但只有两个关键贞.开始,结束. 过度 Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画.可以设置多个关键贞. 动画 Transition与Animation: transition需要触发一
CSS3秘笈读书笔记 2015/12/10
第十二章 第十三章 一.网页的布局类型 固定类型.流式(根据浏览器的宽度自动进行调整).响应式web设计(解决不同屏幕尺寸大小问题) 二.浮动 一.浮动产生原因 一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSS float浮动就产生了. 浮动产生样式效果截图 二.浮动产生负作用 1.背景不能显示由于浮动产生,如果对父级设置了(CSS background背景)CSS背景颜色或CSS背景图片,而父级不能被撑开,所以导致CSS背景不能
CSS3秘笈读书笔记 2015/12/6
第四章 用样式继承节省时间 一.继承的作用:简化样式表 二.常用的可以继承和不可以继承的属性 (1)不可继承的:display.margin.border.padding.background.height.min-height.max-height.width.min-width.max-width.overflow.position.left.right.top.bottom.z-index.float.clear.table-layout.vertical-align.page-break
CSS3秘笈读书笔记 2015/12/5
第一章 CSS需要的HTML 一.用HTML来组织内容,用CSS使内容看起来更美观 思考布局结构: (1)HTML根据逻辑划分和识文本在网页中所起的作用,如<h1> 标签介绍最重要的网页内容,其他标题将内容分为其他次要的,但却与之相关的小节. (2)使用名称意思与该内容在网页中所起的作用最接近的标签,而不是根据内容的外观定义标签 (3)简洁.清晰的HTML可以提升网页在搜索引擎网站上的排名 注:登录HTML5doctor.com网站,有助于理解好HTML5标签 二.IE条件注释 <!--
CSS3秘笈：第八章
给网页添加图片 1. 常用来处理图片的CSS属性: (1) border(边框):给图片添加边框. (2) padding(填充):边框和图片之间填充空间. (3) float(浮动):浮动图片是指将图片移到左侧或者右侧. (4) margin(边距):图片和其他网页元素之间添加空间. 2. 添加图片背景: background-image属性可以给元素添加背景.例如:给网页添加一个背景可以给<body>创建如下样式: body{ background-imag
CSS3秘笈：第七章
第七章 margin.padding和border 1.盒模型:四个属性: (1)padding:内容与其边框线之间的空间. (2)border:盒子周围的直线 (3)background-color:用来填充边框内部空间的,包括padding区域. (4)margin:一个标签和另一个标签之间的间隔. 2.padding和margin的区别:padding是在内容和边框之间增加空间.避免内容被硬塞在方框里面,它还包括背景区域,因此padding占用的空间也可以为空白的内容.而margin则是
CSS3秘笈：第六章
第六章 文本格式化 1.font-family 属性设置字体.除了指定想要的字体之外还要使用备用字体.例如: p{ font-family:Arial ,Helvetica ,sans-serif; } 如果字体的名称中包含多个单词,则必须用双引号(””)将它们括起来. 2.·serif字体,适合冗长的文字信息. ·sans-serif字体看起来干净而整洁因此经常被放在标题上. ·monospaced字体经常用于显示计算机代码.字体中的每个字母都是等宽的. ·其他常用字体:Arial Blac