整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

怎样学CSS?

么是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)。

PropertyDescriptionValuesCSS
azimuth设置声音应该来自哪里angleleft-sidefar-leftleftcenter-leftcentercenter-rightrightfar-rightright-sidebehindleftwardsrightwards2
cue在一个声明中设置cue属性cue-beforecue-after2
cue-after指定要播放的声音在一个元素的内容后面noneurl2
cue-before指定要播放的声音在一个元素的内容前面noneurl2
elevation设置声音应该来自哪里anglebelowlevelabovehigherlower 2
pause在一个声明中设置pause属性pause-beforepause-after2
pause-after在一个元素的内容之后,指定暂停time%2
pause-before在一个元素的内容之前,指定暂停time%2
pitch指定讲话声音frequencyx-lowlowmediumhighx-high 2
pitch-range指定讲话声音的变化。(单调的声音或动态的声音?)number2
play-during指定在读一个元素的内容时要播放的声音autononeurlmixrepeat2
richness指定丰富的讲话声音。(浑厚的声音或细的声音?)number2
speak指定内容是否会提供听觉方式normalnonespell-out2
speak-header此属性设置或检索表格标题是在所有的单元格之前发声,还是到一个不与之关联的单元格就结束发声。alwaysonce2
speak-numeral设置或检索数字如何发音。digitscontinuous2
speak-punctuation设置或检索标点字符如何发音nonecode2
speech-rate指定发言速度numberx-slowslowmediumfastx-fastfasterslower 2
stress讲话声音在指定的地方"重音"number2
voice-family设置或检索当前声音类型specific-voicegeneric-voice2
volume指定发言的音量number%silentx-softsoftmediumloudx-loud 2

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

tml&css学习这套视频就够了。