CSS权威指南(复读1)

元素(element)是文档结构基础

1.在CSS中,至少在css2.1中,意味着每个元素生成一个框;

2.元素显示角色:块级(block-level)元素和行内(inline-level)元素;

3.块级元素(默认的)它会填充其父元素的内容区,旁边不能有其他的元素;换句话说,它在元素框之前和之后生成了“分隔符”。

列表项是块级元素的特例;

4.行内元素在文本行内生成一个元素框;而不会打断这行文本。(行内元素最好的例子:a标签,strong,em都是行内元素;所以可以在出现在另一个元素的内容中,而不会破坏其显示;)

----在html和Xhtml中,块级元素不能继承自行内元素(即:不能嵌套在行内元素中);

CSS的display属性:block,inline,list-item,none,run-in,table,inline-table,table-row-group,table-header-group,table-footer-group,table-row,table-column-group,table-column,table-cell,table-caption,inherit;

-----行内元素可以继承块元素,而反之则不可以;

4.属性选择器

[foo^="bar"]选择foo属性以"bar"开头的所有元素

[foo$="bar"]选择foo属性以"bar"结尾的所有元素

[foo*="bar"]选择foo属性包含子串"bar"的所有元素

5.伪类和伪元素

a:visited的冒号是伪类或者伪元素的“名片”

伪类顺序很重要(通常):line-visited-focus-hover-active 

p:first-child

伪元素能在文档中插入假想的元素,从而得到某种效果;

css2.1中定义了四个伪元素:p:first-letter/ first-line/before/after

6.inherit使一个属性的值与其父元素的值相同;在大多数情况下,不必指定继承;因为大多数属性本身会自然的继承;

7.浮动(p299)/位置/内容溢出和裁剪/表布局/多媒体

时间: 2024-08-27 22:15:10

CSS权威指南(复读1)的相关文章

css权威指南学习笔记--第七章

由于之前一直没有系统的看过css相关的书籍,导致自己css方面一直都是处于零散状态.知其然,不知其所以然.所以买了<css权威指南>.虽然比较老了,但是应该也会收获很大. 1 水平方向上 margin-left +border-left+padding-left+width+padding-right+border-right+margin-right 其中红色的是可以设置为auto,当设置为auto时,浏览器会自动计算该值.基于的原则就是 外层包裹容器的width=被包裹元素的width+p

CSS权威指南学习笔记系列(1)CSS和文档

题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对,请谅解和指出.谢谢大家.正文: 第一章 CSS和文档---------- 1.CSS,称为层叠样式表.使用CSS的理由有:a.易于使用,样式表能大大减少Web创作人员的工作量:b.在多个页面上使用样式,可以创建一个样式表,然后把这个样式表应用到多个页面:c.层叠,CSS还规定了冲突规则:这些规则统称

css权威指南 读书笔记

网上看见推荐的书总是喜欢买回家,但是大多数时候都不会立即就看,都是在书橱里蒙上了一层灰尘.从毕业到现在,由于公司业务原因,写js多余css,所以就想系统地看看css,并且做一些练习,于是就开始看<css权威指南>,看到了第六章,初步感觉,对于工作一年的我来说,很简单,当然也有一些我不熟悉的知识点,于是整理了下来. 一.@import 1.放在style容器中,且在其他css规则之前 2.每个人@import指令的样式都会加载使用 二.选择器 1.:first-letter 用于选取指定选择器的

css权威指南(下)

第七章 基本视觉格式化 正常流(没有浮动和定位元素).非替换元素(包含在文档中).替换元素(用作其它内容的占位符,如img).块级元素(会和其它元素形成换行,如div).行内元素(span之类的元素)和根元素(位于文档树顶端的元素,在HTML文档中就是元素html) 水平格式化 <p style="width:200px;">wideness?</p> /*200px指的是内容区的宽度*/ 水平格式化七大属性:margin-left.border-left.pa

css权威指南学习笔记--第6章

line-height:定义文本行基线之间的距离 <p style="line-height: 20px;"> these are test words<br /> these are test words </p> 说到line-height就不能不说到行框中各个高度是怎么计算的,这里引用css权威指南中的图 文本行中的每个元素都会生成一个内容区,这由字体的大小确定.如果不存在其他因素(如line-height)那么这个内容区的高度就是行内框的高度

《CSS权威指南》基础复习+查漏补缺

前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司,事情不算多,于是拿起<CSS权威指南>进行"基础学习"+"查漏补缺",本篇文章主要是总结了些自己认为CSS中值的注意的几个知识点(本文知识点仅限本书范围内,若要讲CSS全部样式,那本兽还是选择慢慢懵逼去~). 选择器 这里要说明的是类选择器的嵌套选择与多类

css 权威指南笔记

部分属性选择: 选择class 属性中包含warning的元素 [class~="warning"]{font-weight:bold} 子串匹配属性选择器: 在现代浏览器中得到支持 包括ie7 特定属性选择器: css 权威指南笔记

读书总结——CSS权威指南

几个月前读了这本书——<CSS权威指南>,之前用css都是在w3school上看的,或者按F12看别人的代码,这是我完整的读的第一本关于css的书,感觉还是收获挺大的,最近要总结一下自己的知识,所以又重新看了一遍,又本着温故知新.边看边写的想法写了这篇文章,希望能对自己或别人有些帮助. 第一章 HTML 标记与文档结构 主要介绍了HTML及其标记 1.标签分为闭合标签与自闭合标签 闭合标签格式:<标签名>文本内容</标签名> e.g. <h1>Words b

《CSS权威指南》里提醒我们需要注意的小知识点(三)

17.内边距,边框和外边距 所有文档元素都生成一个矩形框,称为元素框,描述了一个元素在文档布局中所占的空间大小 块级元素:div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table 行内元素:span,   strong,   em,  br,  img ,  input,  label,  select,  textarea,  cite 行内元素中的非替换元素设置width和h