css权威指南 note2

样式表:

外部样式表(external style sheet)

<link rel="stylesheet" type="text/css" href="yes.css">rel=relationhref(url)

候选样式表(alternate style sheet)

<link rel="stylesheet" type="text/css" href="yes.css"><link re="alternate" type="text/css" href="yes.css">需要用户选择这个样式表时才会用于文档表现。

浏览器:大多基于Gecko文档样式表=嵌入样式表(document style sheet)

写在html中<style type="text/css"></style>@import指令用于指示web浏览器加载一个外部样式表。

出现在style容器中。要放在其他CSS规则之前,否则不起作用。

<style type="text/css">@import url(stle.css);/*@import comes first*/h1{color:yellow}</style>

CSS样式优先级:内联样式表(标签内部)>嵌入样式表(当前文件中)>

外部样式表(外部文件中)在html中,对于同一个元素可以有多个CSS样式存在,当有相同权重的样式存在时,会根据这些CSS样式的前后顺序来决定,处于最后面的CSS样式会被应用。

!important:为某些样式设置最高权值。important要写在分号的前面。p{color:red !important;}

选择器:选择器(selector)声明块(declaration block)声明(declaration)属性-值对(property-value)

元素选择器:最常见的选择器往往事HTML元素。文档的元素就是最基本的选择器。

分组选择器:p,h1,h2,h3,em{color:silver;}

通配选择器(universal selector):*{color:red;}

时间: 2024-10-10 02:00:43

css权威指南 note2的相关文章

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