CSS基础入门与IE9兼容性问题：《CSS那些事》笔记

需积分: 9 67 浏览量更新于2024-07-30 收藏 617KB PPT 举报

在阅读《CSS那些事》一书的笔记中，我们深入探讨了CSS的基础概念和实用技巧。CSS（Cascading Style Sheets），即层叠样式表，是用于描述HTML或XML（包括SVG）等文档的呈现的样式规则集。这本书对于初学者来说是一个很好的入门指南，即使在IE9这样的较旧浏览器环境下，前三章节的内容依然具有指导价值。首先，CSS代码的植入位置主要有三种方式： 1. 内联样式：通过HTML元素的`style`属性直接写入，如`<p style="color:red;">文本</p>`。 2. 外部样式表：通过`<link>`标签链接外部CSS文件，如`<link rel="stylesheet" type="text/css" href="styles.css">`。 3. 内部样式表：在HTML文档的`<head>`部分使用`<style>`标签，将CSS代码包含其中，如上面提供的例子。 CSS的基本结构包括选择器和声明，例如`selector { property: value; }`，通过选择器指定要应用样式的元素，然后定义相应的属性和值。书中提到的颜色表示方法有多种，包括十六进制形式`#RRGGBB`和`#FF00FF`，RGB函数值`RGB(125,0,255)`，颜色名称如`red`、`blue`和`green`，以及用户系统色盘值，这些值会随用户的系统设置改变。简写是CSS的一大特性，如颜色的简写允许只输入`#RGB`代替完整十六进制；单位值在某些情况下可以省略，如`width:0`；内补丁和外补丁（padding和margin）可以用简写语法来定义，如`padding:10px`或`margin:0 auto`。边框的简写中，`border`属性可以同时定义宽度、样式和颜色，如`border:1px solid #FF0000`。背景的简写同样方便，如`background: #FF0000 url(background.gif) no-repeat`，可以快速设置背景颜色、图片和重复模式。总结来说，《CSS那些事》这本书详细介绍了CSS的基本语法、选择器、颜色、单位简写、布局以及常见的简写形式，这些内容对于提升CSS技能和理解现代网页设计至关重要。虽然IE9的兼容性问题可能会限制某些高级特性的使用，但对于理解基础概念和学习如何编写跨浏览器兼容的样式仍然十分有益。

 简写



背景的简写



,+



$/-.+!&&2



$/-.+3-',/-.+-5)2



$./-.+.29 图片无平铺 9



$/-.+13.;+29 固定图片 9



$/-.+.29 图片位置 9





剩余31页未读，继续阅读

求过目不忘哈哈

粉丝: 9
资源: 4

CSS基础入门与IE9兼容性问题：《CSS那些事》笔记

CSS的那些事儿

CSS那些事儿.pdf

CSS那些事儿（源码）

CSS选择器组合与基础样式详解：《Css那些事》读书笔记

Head+First+HTML与CSS、XHTML读书笔记

CSS学习笔记

css学习笔记

CSS+DIV学习笔记(史上最实用的CSS笔记).pdf

CSS笔记二

CSS笔记一

最新资源