么是CSS?
CSS(Cascading Style Sheet,層疊樣式表)是由W3C(萬維網聯盟)的CSS工作組創建和維護的。它是一種不需要編譯,可直接由瀏覽器執行的標記性語言,用于控制Web頁面的外觀。通過使用CSS樣式控制頁面各元素的屬性顯示,可將頁面的內容與表現形式進行分離。
CSS的歷史
CSS1作為一項W3C推薦,CSS1發布于1996年12月17日。1999年1月11日,此推薦被重新修訂。
CSS2作為一項W3C推薦,CSS2發布于1999年1月11日。CSS2添加了對媒介(打印機和聽覺設備)和可下載字體的支持。
CSS3計劃將CSS劃分為更小的模塊。
CSS的優勢
1 避免使用不必要的HTML代碼,減少代碼量。
2 縮短更新和維護的時間
3 做出HTML實現不了的特效
CSS編寫規范
選擇符(selector):所謂選擇符就是規則中用于選擇文檔中要應用樣式的那些元素。該元素可以是(X)HTML的某個標簽,也可以是頁面中指定的class(類)或者id屬性限定的標記。
聲明:聲明包含在一對大括號“{}”內,用于告訴瀏覽器如何渲染頁面中與選擇符相匹配的對象。聲明內部由屬性及其屬性值組成,并用冒號隔開,以分號結束,聲明的形式可以是一個或者多個屬性的組合。
屬性(property):屬性是由官方CSS規范約定的,而不是自定義的,除個別瀏覽器私有屬性以外。
屬性值(value):屬性值放置在屬性名和冒號后面,具體內容跟隨屬性的類別而呈現不同形式,一般包括數值、單位以及關鍵字。
HTML和CSS課程推薦:阿里云大學——開發者課堂(點擊下面“了解更多”)
覺樣式表使用了語音合成和聲音效果的結合,讓用戶收聽信息,而不是讀取信息。
有聲顯示可用于:
失明人士
幫助用戶學習閱讀
幫助具有閱讀問題的用戶
家庭娛樂
在車上
聽覺呈現通常會把文檔轉化為純文本,然后傳給屏幕閱讀器(可讀出屏幕上所有字符的一種程序)。
聽覺樣式表的一個例子:
h1,h2,h3,h4
{
voice-family:male;
richness:80;
cue-before:url("beep.au")
}
上面的例子用語音合成器播放聲音,開頭有一個男性的聲音說話。
CSS 語音參考手冊
CSS"列表示在CSS版本的屬性定義(CSS1或CSS2)。
Property | Description | Values | CSS |
---|---|---|---|
azimuth | 設置聲音應該來自哪里 | angleleft-sidefar-leftleftcenter-leftcentercenter-rightrightfar-rightright-sidebehindleftwardsrightwards | 2 |
cue | 在一個聲明中設置cue屬性 | cue-beforecue-after | 2 |
cue-after | 指定要播放的聲音在一個元素的內容后面 | noneurl | 2 |
cue-before | 指定要播放的聲音在一個元素的內容前面 | noneurl | 2 |
elevation | 設置聲音應該來自哪里 | anglebelowlevelabovehigherlower | 2 |
pause | 在一個聲明中設置pause屬性 | pause-beforepause-after | 2 |
pause-after | 在一個元素的內容之后,指定暫停 | time% | 2 |
pause-before | 在一個元素的內容之前,指定暫停 | time% | 2 |
pitch | 指定講話聲音 | frequencyx-lowlowmediumhighx-high | 2 |
pitch-range | 指定講話聲音的變化。(單調的聲音或動態的聲音?) | number | 2 |
play-during | 指定在讀一個元素的內容時要播放的聲音 | autononeurlmixrepeat | 2 |
richness | 指定豐富的講話聲音。(渾厚的聲音或細的聲音?) | number | 2 |
speak | 指定內容是否會提供聽覺方式 | normalnonespell-out | 2 |
speak-header | 此屬性設置或檢索表格標題是在所有的單元格之前發聲,還是到一個不與之關聯的單元格就結束發聲。 | alwaysonce | 2 |
speak-numeral | 設置或檢索數字如何發音。 | digitscontinuous | 2 |
speak-punctuation | 設置或檢索標點字符如何發音 | nonecode | 2 |
speech-rate | 指定發言速度 | numberx-slowslowmediumfastx-fastfasterslower | 2 |
stress | 講話聲音在指定的地方"重音" | number | 2 |
voice-family | 設置或檢索當前聲音類型 | specific-voicegeneric-voice | 2 |
volume | 指定發言的音量 | number%silentx-softsoftmediumloudx-loud | 2 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
tml&css學習這套視頻就夠了。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。