摘要： 1.一个样式由两个元素组成：浏览器对其设置格式的网页元素（选择器，selector）和实际的格式化指令（声明块，declaration block）。2.简单的样式也包含了以下几个元素：（1）Selector（选择器）：选择器告诉浏览器网页上的哪个元素以什么样式显示。（2）Declaration B... 阅读全文

摘要： 1.标签选择器：控制整体。使用标签选择器，只需要输入标签的名称即可。2.类选择器：精确控制。假如你要指定一些相同的元素拥有不同的样式，可以给元素添加不同的类名，然后用类选择器来应用对应的样式。任何使用类选择器呢？以下几点需要注意：（1）所有类选择器的名称都必须以一个原点开头，如 .class 这个类... 阅读全文

摘要： 1.为不支持某些属性的浏览器使用polyfill：如果想弥合较弱的浏览器和较强的浏览器之间的功能差异，可以使用polyfill（通常又称作垫片），通常用js实现。但是有些较弱的浏览器运行JS的速度要慢得多。2.为元素创建圆角：（1）为元素创建四个相同的圆角:.all-corners{ -webkit... 阅读全文

摘要： 1.WEB字体可以使用一系列文件类型，下面介绍三种字体类型：（1）内嵌OpenType（2）TrueType和OpenType台式机使用的标准字体文件类型（3）WEB开放字体格式。2.构造子集：节省页面重量的一种方法是构造子集，构造子集是通过仅包含确定使用字符削减实际字体大小的方法。3.在网站上使用... 阅读全文

摘要： 响应式网页可以根据浏览设备的不同而灵活的改变尺寸。省去了重新编写网页的麻烦。1.响应式页面的组成：（1）灵活的图像和媒体。（2）灵活的、基于网格的布局，也就是流式布局。（3）媒体查询。2.创建可伸缩图像：对任何想做成可伸缩图像的图像，在HTML的img标签中省略width和height属性，在样式表... 阅读全文

摘要： 本章重点：盒模型与元素浮动。盒模型：1.CSS处理网页时，它认为每个元素都包含在一个不可见的盒子里。这就是众所周知的盒模型，这里的盒子由内容区域、内容区域周围的空间、内边距和外边缘和边框外面将元素与相邻元素隔开的不可见区域构成。CSS的width属性对元素所显示宽度的影响，有两种处理方式。（1）默认... 阅读全文

摘要： 本章内容：1.选择字体的方法：在样式表中需要的选择器之后输入font-family：name。如：要将body元素的字体换成Geneva的代码：body{font-family:geneva;}。需要注意的是：虽然font-family属性是继承的，但是有几个元素不会继承父元素的字体设置，其中有表单... 阅读全文

摘要： CSS构造块的样式：1. h1{color:red;background-color:yellow}其中：h1是选择器，花括号内是声明部分。多个声明之间用分号隔开。2.为样式规则添加注释：/*...*/。注意不能将一个注释嵌套在另一注释中。如：/*这样做/*是不对的*/因为嵌套在外层注释内*/。注释... 阅读全文

摘要： 图像有很多存储格式：JPEG、png、gif等，它们的文件大小也不同，使用的图片类型对于页面响应速度有不同的要求。下面就会简单阐述不同的格式的图片的特点。1.JPEG格式 JPEG格式适用于彩色照片，因为它包含大量的颜色并进行了合理的压缩，采用这种格式保存的文件相对较小，但它是一种有损格式，会... 阅读全文

摘要： 本章主要介绍了文本中常用的元素。1.创建新段落的p元素。可以为段落添加样式，包括字体、字号、颜色等。2.指定细则的small元素，通常是行内文本中的一小块，只适用于短语，不建议用来标记长的法律声明，如“使用条款”、“隐私政策”页面。3.标记重要文本用 strong 元素，强调文本用 em 元素。通常... 阅读全文