CSS基础教程
CSS基础教程
不善表演
都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,都是转载的,
展开
-
7、CSS 属性选择器
对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。注释:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中,不支持属性选择。属性选择器下面的例子为带有 title 属性的所有元素设置样式:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>img原创 2020-11-12 17:24:52 · 234 阅读 · 1 评论 -
6、CSS Id 和 Class类选择器
id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 "#" 来定义。下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:#red {color:red;}#green {color:green;}下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。<p id="red">这个段落是红色。</p><p id="g原创 2020-11-12 16:57:04 · 234 阅读 · 0 评论 -
5、CSS 派生选择器
派生选择器通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,它们称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的。派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使 HTML 代码变得更加整洁。比方说,你希望列表中的 strong 元素变为斜体字,转载 2020-11-12 16:50:42 · 153 阅读 · 0 评论 -
4、CSS 高级语法
选择器的分组你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。h1,h2,h3,h4,h5,h6 { color: green; }继承及其问题根据 CSS,子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则:body { font-family: Verdana, sans-serif; }根据上面这条规则,站点的 body原创 2020-11-12 16:42:22 · 184 阅读 · 0 评论 -
1、CSS样式及其基本语法
样式是 CSS 最小语法单元,每个样式包含两部分内容:选择器和声明(规则),如图 1 所示。1) 选择器(Selector)选择器告诉浏览器该样式将作用于页面中哪些对象,这些对象可以是某个标签、所有网页对象、指定 class 或 id 值等。浏览器在解析这个样式时,根据选择器来渲染对象的显示效果。2) 声明(Declaration)声明可以增加一个或者无数个,这些声明告诉浏览器如何去渲染选择器指定的对象。声明必须包括两部分:属性和属性值,并用分号来标识一个声明的结束,在一个样式中最后一个声明可以原创 2020-11-12 15:19:19 · 974 阅读 · 0 评论 -
3、HTML导入外部样式表(HTML导入CSS文件)
外部样式表必须导入到网页文档中,才能够被浏览器识别和解析。外部样式表文件可以通过两种方法导入到 HTML 文档中。1. 使用 <link> 标签导入使用 <link> 标签导入外部样式表文件:<link href="001.css" rel="stylesheet" type="text/css" />对各个属性的说明:href 属性设置外部样式表文件的地址,可以是相对地址,也可以是绝对地址。rel 属性定义关联的文档,这里表示关联的是样式表。type原创 2020-11-12 15:58:25 · 5071 阅读 · 0 评论 -
2、HTML嵌入CSS样式(四种方法)
CSS 样式代码必须保存在.css类型的文本文件中,或者放在网页内 <style> 标签中,或者插在网页标签的 style 属性值中。CSS 样式应用的方法主要包括 4 种:行内样式、内嵌式、链接式以及导入样式1. 行内样式行内样式就是把 CSS 样式直接放在代码行内的标签中,一般都是放入标签的style属性中,由于行内样式直接插入标签中,故是最直接的一种方式,同时也是修改最不方便的样式。示例1:针对段落、<h2> 标签、<em> 标签、<strong>原创 2020-11-12 15:39:52 · 3029 阅读 · 0 评论