CSS权威指南读书笔记之值和单位_html/css_WEB-ITnose
等价颜色表
什么叫Web安全色
所谓的“web安全”颜色是指在256色计算机系统上总能避免抖动的颜色。
Web安全颜色可以表示为RGB值为20%和51（相应的十六进制值为33）的倍数。
如果使用RGB百分数，要让所有这3个分量都要么是0%，要么是一个能被20整数的数
同理，如果是使用0~255范围的RGB值，则各分量值要么是0要么是能被51整数的数。
如果是采用十六进制记法，，使用值00、33、66、99、CC和FF的三元组才是Web安全颜色。
绝对长度单位
有5种绝对长度单位。英寸（in）、厘米（cm）、毫米（mm）、点（pt）、派卡（pc）
英寸：美国尺子上的单位
厘米：全世界尺子上的单位。1in=2.54cm 1cm=0.394in
毫米：10mm=1cm 1in=25.4mm 1mm=0.0394in
点：点是一个标准的印刷度量单位 1英寸是72点（举例来说如果文本的首字母设置为12点，就相当于1英寸的1/6高）
派卡：1派卡相当于12点，6派卡等于1英寸
相对长度单位
相对单位：根据与其它事物的关系来度量，共有3种相对长度单位：em,ex,px
其中，em代表em-height 、ex代表x-height、px代表像素。
一个em定义为一种给定字体的font-size值。（举例说明：如果一个元素的font-size为14像素，那么对于该元素而言1em就等于14像素）
在设置字体大小的时候，em的值会相对于父元素的字体大小改变。
ex是指所用字体中小写x的高度，但这只是理论，一般的1ex=0.5em
之所以像素是相对长度，是因为显示器上的小色框是像素。在打印的时候，1px可能要使用96ppi参考像素。
em是最灵活的，因为它随字体大小缩放，所以元素和元素操作都能更为一致。
零散却很有用的css小知识
1、在CSS中，相对URL要相对于样式表本身，而不是相对于使用该样式表的HTML文档
2、使用background:url(图片路径),注意这里url和开始括号之间不能有空格，如果存在空格，整个声明都将无效，以至于被忽略。
3、inherit是所有属性共有的一个关键字,使一个属性的值与其父元素的值相同
<head> <style type="text/css"> #toolbar { background: blue; color: white; } #toolbar a { color: inherit; /*只有加上了这句话之后 a链接的颜色才为白色 否则就为默认浏览器设置的蓝色*/ } </style></head><body> <div id="toolbar"> <a href="'#">one</a>| <a href="#">two</a>| <a href="#">trhee</a> </div></body>CSS2单位
1、角度值：度(deg)、梯度(grad)、弧度(rad) 无论如何声明，这些值都会解释为0~360范围内的度数。如：-90deg=270deg
2、时间值：毫秒(ms)、秒(s)
3、频率值：赫兹(Hz)、兆兹(Mhz) 值后面的标签Hz或Mhz不区分大小写
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
了解HTML，CSS和JavaScript：初學者指南
Apr 12, 2025 am 12:02 AM
WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。
HTML：結構，CSS：樣式，JavaScript：行為
Apr 18, 2025 am 12:09 AM
HTML、CSS和JavaScript在Web開發中的作用分別是：1.HTML定義網頁結構，2.CSS控製網頁樣式，3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。
HTML，CSS和JavaScript的未來：網絡開發趨勢
Apr 19, 2025 am 12:02 AM
HTML的未來趨勢是語義化和Web組件，CSS的未來趨勢是CSS-in-JS和CSSHoudini，JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果，Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積，CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡，Serverless簡化開發但需優化冷啟動問題。
HTML的未來：網絡設計的發展和趨勢
Apr 17, 2025 am 12:12 AM
HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。
HTML與CSS vs. JavaScript：比較概述
Apr 16, 2025 am 12:04 AM
HTML、CSS和JavaScript在網頁開發中的角色分別是：HTML負責內容結構，CSS負責樣式，JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容，確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式，使其美觀易讀。 3.JavaScript通過腳本控製網頁行為，實現動態和交互功能。
HTML：建立網頁的結構
Apr 14, 2025 am 12:14 AM
HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。
HTML與CSS和JavaScript：比較Web技術
Apr 23, 2025 am 12:05 AM
HTML、CSS和JavaScript是構建現代網頁的核心技術：1.HTML定義網頁結構，2.CSS負責網頁外觀，3.JavaScript提供網頁動態和交互性，它們共同作用，打造出用戶體驗良好的網站。
HTML：是編程語言還是其他？
Apr 15, 2025 am 12:13 AM
HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增強WebevebDevelopment。
