Day03 HTML

我从来不相信什么懒洋洋的自由,我向往的自由是通过勤奋和努力实现的更广阔的人生,那样的自由才是珍贵的、有价值的;我相信一万小时定律,我从来不相信天上掉馅饼的灵感和坐等的成就。做一个自由又自律的人,靠势必实现的决心认真地活着。---山本耀司

  • 无论style元素在何处定义CSS样式,id选择器都会覆盖class选择器声明的样式。

  • 内联样式(Inline Style):优先级高于id选择器。但无论class选择器或是id选择器声明!important属性,其优先级均高于内联样式,并且遵循就近原则。

  <style>
    .pink-text {color: pink !important;}
    .red-text {color: red !important;}              /*就近原则*/
    #blue-text {color: blue !important;}
</style>

颜色的十六进制表示

  • 在CSS中,使用6位十六进制数来表示颜色。红色(R)、绿色(G)、蓝色(B)。

    0是十六进制最小的一位,表示颜色完全缺失,如#000000表示黑色;
    F是十六进制最大的一位,表示可能的最大亮度,如#FFFFFF表示白色。

  • 01:使用6位十六进制的数来表示颜色,可以提供巨量的颜色变化,有16的6次方(近1600万)种颜色。

    Hex-code遵循Red-Green-Blue(rgb格式),前两位代表红色(Red)、中间两位代表绿色(Green)、最后两位代表蓝色(Blue)。

    纯红色:#FF0000;纯绿色:#00FF00;纯蓝色:#0000FF
    纯红色混合一些绿色,没有蓝色时可以得到橘黄色(Orange):#FFA500
    三种颜色平均混合可以得到不同程度的灰色(Gray):#808080#
    6位数字:#AABBCC时,可以简写为#ABC

  • 02:使用rgb值来表示颜色。如:黑色rgb(0,0,0)、白色rgb(255,255,255)
    使用0-255中任意一个数字来表示每种颜色的亮度(十进制的数字255<=>十六进制FF)。

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

推荐阅读更多精彩内容

  • FreeCodeCamp - HTML5 and CSS 发现原来在另外一台电脑学 FreeCodeCamp 的时...
    付林恒阅读 9,470评论 2 17
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,240评论 0 40
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,672评论 0 30
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,645评论 32 459
  • 《既然有好的选择,那就不要放弃》如果一个经济条件好的和一个经济条件不好的两个人站在你面前,如果你并不确定选择哪一个...
    赵月圆阅读 416评论 0 1