![](https://img-blog.csdnimg.cn/20200305111741306.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML5与CSS3基础教程(第8版)
HTML5与CSS3基础教程(第8版)https://book.douban.com/subject/25878992/
DxCaesar
这个作者很懒,什么都没留下…
展开
-
HTML5与CSS3基础教程-19~21章 添加JavaScript、测试和调试网页、发布网站
《HTML5与CSS3基础教程(第8版)》 读书笔记2020/04/07第19章 添加JavaScript前端JS脚本引用类型: 外部脚本、嵌入式脚本、内联脚本(如在元素的事件属性上直接制定js片段等)。要避免使用内联脚本,正如内联样式一样,它将html和js脚本纠缠在一起,这与将他们分开的最佳实践不符。脚本和性能的最佳实践: (p376 - 377)阻塞行为: 在...原创 2020-04-08 17:57:54 · 248 阅读 · 0 评论 -
HTML5与CSS3基础教程-第18章 表格
《HTML5与CSS3基础教程(第8版)》 第18章读书笔记2020/04/07结构化表格: (p368 - 371)从基本层面看,table元素是由行组成的。每个行tr都包含标题单元格(th)或数据单元格(td) 或两者一起组成的。可以使用scope增加屏幕阅读器的可读性。如在列的标题单元格使用scope = "col"等。table中还可以包含thead和tfoot, 分别...原创 2020-04-08 17:52:06 · 146 阅读 · 0 评论 -
HTML5与CSS3基础教程-第17章 视频、音频和其他多媒体
《HTML5与CSS3基础教程(第8版)》 第17章读书笔记2020/04/05数字版权管理(DRM): H5并没有提供任何保护媒体内容的方法。因此,如果很在意对媒体文件的保护,不要使用H5的原生多媒体。(p350)H5视频(p350 - 358)格式: H5支持3种视频文件格式:(p350 - 351)格式拓展名浏览器支持Ogg Theora.ogv...原创 2020-04-07 18:16:00 · 346 阅读 · 0 评论 -
HTML5与CSS3基础教程-第16章 表单
《HTML5与CSS3基础教程(第8版)》 第16章读书笔记2020/04/04表单属性(部分): (p320)multiple:允许输入多个电子邮件,或上传多个文件。pattern:表单项要遵循的模式(正则),可用于text, search, url, tel, email, password。formnovalidate:关闭H5的自动验证功能。用于提交按钮。novali...原创 2020-04-07 18:13:38 · 215 阅读 · 0 评论 -
HTML5与CSS3基础教程-第15章 列表
《HTML5与CSS3基础教程(第8版)》 第15章读书笔记2020/04/03有序列表包含3个可选属性: (p302)start:有序列表开始的序号(不管使用什么类型的序号,开始序号的值最好用数字)。type:有序列表的序号类型,包括A, a, I, i, 1默认是1。reversed:指示是降序排序的列表。不要根据希望添加在内容旁边的标记样式来决定使用的列表类型(这...原创 2020-04-07 18:12:52 · 207 阅读 · 0 评论 -
HTML5与CSS3基础教程-第14章 使用CSS3进行增强
《HTML5与CSS3基础教程(第8版)》 第14章读书笔记2020/04/02渐进增强: 网站在不同的Web浏览器中的外观和行为不一样是完全可以接受的,只要内容是可以访问的即可。(p279)为不支持某些属性的浏览器使用polyfill: 想要在旧的浏览器中实现新版浏览器中的外观,可以使用polyfill(垫片),通常使用JS实现,但可能会对性能产生一定的影响。(p279 - 2...原创 2020-04-07 18:12:09 · 191 阅读 · 0 评论 -
HTML5与CSS3基础教程-第13章 使用Web字体
《HTML5与CSS3基础教程(第8版)》 第13章读书笔记2020/04/01什么是Web字体: CSS规则@font-face 为Web字体创造了可能,该规则允许CSS链接到服务器上的一种字体供网页使用。(p259)Web字体文件格式: (p259 - 260)内嵌OpenType(.eot): IE8及之前版本,仅支持.eot格式,是MS的专有格式;TrueType(...原创 2020-04-01 11:46:22 · 365 阅读 · 0 评论 -
HTML5与CSS3基础教程-第12章 构建响应式网站
《HTML5与CSS3基础教程(第8版)》 第12章读书笔记2020/03/21创建可伸缩图像: 如果不指定图像显示的height和width属性,图像就会自动按照其原始尺寸显示。在不设置宽高的情况下,设置max-width:100%即可以创建可伸缩图像,其可用空间是其父元素建立的内容区域,并保持原始的宽高比(video, embed, object也可以使用该方法创建可伸缩样式)。(...原创 2020-04-01 09:14:53 · 262 阅读 · 0 评论 -
HTML5与CSS3基础教程-第11章 用CSS进行布局
《HTML5与CSS3基础教程(第8版)》 第11章读书笔记2020/03/13元素要按照一定的顺序放置, 确保在不使用CSS的情况下也是合理的。旧版浏览器(IE9-)之前使用H5: (p206 - 207)大多数浏览器默认将他们无法识别的元素作为行内元素处理。使用CDN或本地静态资源的方法,在IE9-添加HTML5 shiv。<head> <!-...原创 2020-04-01 09:14:16 · 238 阅读 · 0 评论 -
HTML5与CSS3基础教程-第10章 为文本添加样式
第10章 为文本添加样式《HTML5与CSS3基础教程(第8版)》 第10章读书笔记2020/03/11选择字体: (p173)并非所有的系统都支持相同的字体,用户只会呈现系统安装的字体。若指定字体未安装,则展示默认字体(windows的默认字体是Times New Roman)。所以应该定义替代字体作为备选。当一个字体包含多个单词时,使用引号包围起来。font-family:...原创 2020-04-01 09:13:27 · 345 阅读 · 0 评论 -
HTML5与CSS3基础教程-第9章 定义选择器
《HTML5与CSS3基础教程(第8版)》 第9章读书笔记2020/03/04CSS选择器: CSS 选择器参考手册-w3school编写CSS的一个重要的目标 就是让选择器尽可能简单 ,仅保持必要的特殊性。应该充分利用样式会传递给后代的特性(继承)。同时,应该将页面中的通用设计元素挑选出来,编写选择器,从而可以在全站共享。(p152)通配符的局限: 因为匹配范围太广,会让...原创 2020-04-01 09:12:20 · 238 阅读 · 0 评论 -
HTML5与CSS3基础教程-第8章 操作样式表
第8章 操作样式表《HTML5与CSS3基础教程(第8版)》 第8章读书笔记2020/03/04外部样式表的引用: (p140)使用link链接引用;使用@import引用。link与@import的区别:两者导入的语法不同link引入css语法:<link rel="stylesheet" type="text/css" href="style.css"...原创 2020-03-05 11:24:35 · 194 阅读 · 0 评论 -
HTML5与CSS3基础教程-第7章 CSS构造块
第7章 CSS构造块《HTML5与CSS3基础教程(第8版)》 第7章读书笔记2020/03/04CSS继承: 见博客CSS之继承 (p126 - 129)。CSS引用方法: (p129)外部文件导入(推荐)嵌入式引用内联样式(不推荐,尽量少用)CSS冲突时的优先级: (p130 - 131)1. 越特殊的越优先; 2. 越晚的越优先; 3.!importan...原创 2020-03-05 11:24:04 · 206 阅读 · 0 评论 -
HTML5与CSS3基础教程-第6章 链接
第6章 链接《HTML5与CSS3基础教程(第8版)》 第6章读书笔记2020/03/03a标签的ref属性: ref属性用于描述包含链接的页面和链接指向的页面之间的关系。也是一种JHTML提升语义化程度的方式。搜索引擎也会利用这些信息。(p114)键盘对网页的导航: 每按一次Tab键,焦点就会转移到HTML代码出现的下一个链接、表单控件或图像映射,每按一次Shift+Tab,焦点就会前...原创 2020-03-05 11:23:27 · 1201 阅读 · 0 评论 -
HTML5与CSS3基础教程-第5章 图像
第5章 图像《HTML5与CSS3基础教程(第8版)》 第5章读书笔记2020/03/03常用图片格式对比: (p96)格式用法颜色索引色(基本)透明alpha透明是否无损JPEG适用于大多数照片,以及其他颜色较多且可接受一些质量损失的图像。1600万+不支持不支持有损PNG-8适用于标识、重复的团及其他颜色较少的图像,或具有连续颜色的图像...原创 2020-03-05 11:22:58 · 188 阅读 · 0 评论 -
HTML5与CSS3基础教程-第4章 文本
第4章 文本《HTML5与CSS3基础教程(第8版)》 第4章读书笔记2020/03/02small元素: 在H5中small元素标示指定细则(不是只小一号的字体)。通常包括免责声明、注意事项、法律限制、版权信息等。small通常使行内文本中的一小块,而不是包含多个段落或其他元素的大块文本。(p64)strong元素: (p64 - 67)strong元素表示内容的重要性,...原创 2020-03-05 11:22:14 · 350 阅读 · 0 评论 -
HTML5与CSS3基础教程-第3章 基本HTML结构
第3章 基本HTML结构《HTML5与CSS3基础教程(第8版)》 第3章读书笔记2020/03/01标题h1~h6: (p35 - 36)标题在SEO中会赋予很高的权重,尤其是等级最高的h1(并不是说页面中h1越多越好);要正确的使用h1~h6,正确的处理层级关系,即使标题的默认大小不合适,也不要为了样式使用不正确层次的标题,通过更改标题样式使正确层级的标题样式正确;...原创 2020-03-05 11:21:32 · 280 阅读 · 0 评论 -
HTML5与CSS3基础教程-第2章 处理网页文件
《HTML5与CSS3基础教程(第8版)》 第2章读书笔记2020/02/29规划网站: 提供内容战略、用户体验(UX)、设计、开发等于建站相关的资源,如A List Appart和Smashing Magazine 。(p20)index.html 默认页面问题: 如果在URL的路径下面找不到默认文件(一般是index.html),有的服务器会将文件目录列表显示出来。为了防止这...原创 2020-03-05 11:20:29 · 167 阅读 · 0 评论 -
HTML5与CSS3基础教程-第1章 网页的构造块
《HTML5与CSS3基础教程(第8版)》 第1章读书笔记2020/02/29浏览器对空格等特殊字符的处理: 文本中的多个空格、制表符会压缩成单个空格,回车符和换行符转换成单个空格,或者将他们一起忽略。(p7)URL中的路径和文件名: 文件和文件名只使用小写字母,并使用短横线(-)来分隔单词,因为短横线是搜索引擎更容易接受的方式。(p10)HTML语义的重要性: (p15...原创 2020-03-05 11:19:35 · 180 阅读 · 0 评论