美文网首页
[freeCodeCamp]学习笔记(HTML5 and CSS

[freeCodeCamp]学习笔记(HTML5 and CSS

作者: Bella不要偷懒 | 来源:发表于2019-03-15 00:01 被阅读0次

    内联样式: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 元素是粉色的

    相关文章

      网友评论

          本文标题:[freeCodeCamp]学习笔记(HTML5 and CSS

          本文链接:https://www.haomeiwen.com/subject/jghkmqtx.html