[freeCodeCamp]学习笔记(HTML5 and CSS)

内联样式:style=“color:red”,是为元素添加样式的最简单有效的方式。

层叠样式CSS:更易于维护。

Monoapace,Serif,Sans-Serif 这三个默认字体所有浏览器都可用


img元素是自关闭元素,不需要结束标记。

input元素是自关闭的<input type="text">

占位符(placeholder text)是用户在input(输入)框输入任何东西之前放置在input(输入)框中的预定义文本。


a元素,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

alt属性,也被称为alt text, 是当图片无法加载时显示的替代文本


使用HTML来构建可以跟服务器交互的Web表单(form),通过给你的form元素添加一个action属性来达到此目的。

action属性的值指定了表单提交到服务器的地址。


div元素,也被称作division(层)元素,是一个盛装其他元素的通用容器。

所以可以利用CSS的继承关系把div上的CSS传递给它所有子元素。

除了class属性之外,每一个 HTML 元素还可以使用id属性

使用id属性有若干好处,一旦当你开始使用 jQuery 的时候你会有更深的体会。

id属性应该是唯一的,虽然浏览器并不强制唯一,但基于最佳实践,这一点是被广泛认可的,所以请不要给一个以上的元素设置相同的id属性。


过用空格分隔多个 class 属性,可对 HTML 元素应用多个 class 属性:class="class1 class2"

注意:在 HTML 中这些 class 如何排序是无所谓的。

然而,在 <style> 部分中 class 声明的顺序却非常重要,第二个声明总是比第一个具有优先权。因为 .blue-text 是第二个声明,它覆盖了 .pink-text 属性。

id 属性总是具有更高的优先级(比class)

in-line style(行内样式)>id属性

给 pink-text 元素的 color 声明加上关键字 !important,以便 100% 确保h1 元素是粉色的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。