HTML与CSS基础学习笔记

需积分: 10 49 浏览量更新于2024-09-12 收藏 59KB DOCX 举报

“html和css笔记，包括HTML基础、XHTML注意事项、常用标签等内容，结合了书籍、网站和知名专家的资源，以及各种网页调试工具的介绍。” HTML与CSS是构建网页设计的基础，它们分别负责网页的结构和样式。HTML（HyperText Markup Language）是一种标记语言，用于描述网页的内容和结构；而CSS（Cascading Style Sheets）则用来控制网页的布局和视觉表现。在HTML基础部分，我们了解到HTML5是当前最常用的版本，它增强了语义化元素，提高了网页的可访问性和兼容性。DOCTYPE声明用于定义文档类型，例如HTML4的过渡型DOCTYPE声明用于支持老式浏览器，而HTML5则简化为<!DOCTYPE html>。 XHTML（Extensible HyperText Markup Language）是HTML与XML的结合体，强调严格的语法。在编写XHTML时，需要注意元素、属性、预定义值和枚举值全部小写，属性值需显式声明，并且块级元素与行内元素的使用规则。此外，URL（Uniform Resource Locator）是用于定位网络资源的地址，如HTTP、HTTPS、FTP、Mailto等协议。在HTML中，常见的标签有<body>、<head>、<title>、<h1>至<h6>（标题）、<p>（段落）、<a>（链接）、<img>（图片）、<div>（布局容器）、<span>（内联容器）等。这些元素的正确使用能够构建出结构清晰的网页。 CSS则是通过选择器来选择HTML元素并应用样式。基本选择器包括标签选择器、类选择器、ID选择器和通配符选择器。属性包括颜色、字体、尺寸、位置等，如color、font-family、width、height、margin、padding等。CSS还支持层叠、继承和盒模型等概念，以实现复杂的布局和样式效果。在学习过程中，可以参考书籍如《HTMLXHTMLCSS基础教程》以及网站如“Webstandards Solutions”、“CSS禅意花园”和“点石成金”，同时了解行业专家如Tim Berners-Lee、Dan Cederholm、Jeffrey Zeldman等人的观点。调试工具对于开发者来说至关重要。对于Internet Explorer，有IEDeveloperToolsbar、Microsoft Script Debugger等；Firefox用户可以使用FireBug、WebDeveloper和Yslow等插件；Opera提供Opera Developer Tools；而Webkit和Fiddler等工具则适用于跨平台调试。这些工具可以帮助开发者查看和修改网页元素的样式、追踪网络请求、检测性能等。 HTML和CSS是网页设计的核心技术，理解其基本原理和实践技巧，结合有效的学习资源和调试工具，可以提升网页开发的效率和质量。

waydev19

粉丝: 3
资源: 13

HTML与CSS基础学习笔记

Html与Css学习笔记以及经验总结

html css笔记

史上最经典的HTML+CSS笔记.rar

黑马pink老师html css笔记

html5笔记+css3笔记

前端html5css3笔记整理下载

html+css+javascript笔记

黑马程序员css笔记

pink老师css笔记

渡一前端html、css、js笔记及学习规划.zip

最新资源