么是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小时内与您取得联系。