2016 CSS.pptx

CSS网络应用程序设计Web应用程序设计CSS层叠样式表CSS样式表用于设置HTML和XML的显示样式，便于实现内容与样式的分离CSS样式有5种定义与引用方式内联式：在HTML标记中用style属性定义内嵌式：在head元素中用style元素定义链接式：在head元素中用link标记链接CSS文件导入式：在样式定义中用@import指令导入CSS文件（必须在最前）浏览器默认层叠后定义的覆盖先定义的作用范围小的优先内层未定义的继承外层定义的语法格式：选择符{属性:属性值;属性:属性值; /*注释…*/}例：样式定义与引用!DOCTYPE HTML html head meta charset=utf-8 title浏览器标题/title !—链接外部样式表文件-- link href=a.css rel=stylesheet !--内部样式定义-- style /*导入外部样式表文件*/ @import url(b.css); p{ color:#FF0000; font-size:28px; } /style /head body p style=color:#FFFF00;background-color:blue;style属性/span p样式表/p /body/html选择器标记选择器：标记名（所有标记：*）ID选择器：#ID属性值类选择器：.class属性值属性选择器：[属性]关系选择器：选择器（连接符）选择器伪类选择器：标记名:命令伪对象选择器：标记名::命令，标记名:命令选择器选择器名称说明*所有标记选择器所有标记或元素T标记选择器标记名为T的所有标记或元素#valID选择器ID属性值为val的所有标记或元素.valClass选择器Class属性值为val的所有标记或元素[att]属性选择器属性符合att描述的所有标记或元素EoF关系选择器选择器E和F符合o描述的关系E:F伪类选择器选择器E的预定义功能FE::F伪对象选择器选择器E的预定义功能F关系选择器选择器名称说明E,F并选择器E或FEF交选择器E且FE F 子孙选择器所有被E包含的FEF子选择器所有作为E直接包含的FE+F相邻选择器紧贴在E之后的FE~F兄弟选择器E之后的所有兄弟F属性选择器选择器说明[att]选择具有att属性的标记或元素[att=val]选择具有att属性且属性值等于val的标记或元素[att~=val]选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的标记或元素[att^=val]选择具有att属性且属性值为以val开头的字符串的标记或元素[att$=val]选择具有att属性且属性值为以val结尾的字符串的标记或元素[att*=val]选择具有att属性且属性值为包含val的字符串的标记或元素[att|=val]选择具有att属性且属性值为以val开头并用连接符-分隔的字符串的标记或元素伪类选择器（1/2）选择符说明mk:@MSITStore:F:\w\work\2015.9\CSS3.0（飘零雾雨版）64.chm::/selectors/pseudo-classes/link.htmE:link 设置超链接a在未被访问前的样式。mk:@MSITStore:F:\w\work\2015.9\CSS3.0（飘零雾雨版）64.chm::/selectors/pseudo-classes/visited.htmE:visited设置超链接a在其链接地址已被访问过时的样式。mk:@MSITStore:F:\w\work\2015.9\CSS3.0（飘零雾雨版）64.chm::/selectors/pseudo-classes/hover.htmE:hover设置元素在其鼠标悬停时的样式。mk:@MSITStore:F:\w\work\2015.9\CSS3.0（飘零雾雨版）64.chm::/selectors/pseudo-classes/active.htmE:active设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式。mk:@MSITStore:F:\w\work\2015.9\CSS3.0（飘零雾雨版）64.chm::/selectors/pseudo-classes/focus.htmE:focus设置元素在成为输入焦点（该元素的onfocus事件发生）时的样式。mk:@MSITStore:F:\w\work\2015.9\CSS3.0（飘零雾雨版）64.chm::/selectors/pseudo-classes/lang().htmE:lang()匹配使用特殊语言的E元素。mk:@MSITStore:F:\w\work\2015.9\CSS3.0（飘零雾雨版）64.chm::/sele