培训霞323css引入方式入门

CSS入门课程回顾table表格的属性有哪些html的代码书写规范有哪些块、行标签分别有哪些本章目标掌握CSS的引入方式能够说出CSS引入方式各自的优缺点及其应用的场合熟练掌握CSS选择器的用法及其书写掌握CSS各选择器的优先级内容概要什么是CSSCSS的特点CSS的引入方式及各自的优缺点CSS常用选择器外部引入头部引入标签内引入ID选择器、类选择器、标签选择器、群组选择器、后代选择器CSS选择器的优先级WEB标准构成WEB标准构成结构交互行为样式HTMLCSSJavaScriptCSS定义什么是CSSCSS（cascadingStyleSheet的缩写），可译为层叠样式表或级联样式表，是一组格式设置规则，用于控制web页面的外观。CSS特点CSS特点1、页面内容与表现形式分离页面内容表现形式也可将CSS单独存放在另一个CSS文件中CSS特点2、可很好的控制页面的布局3、提高网页加载速度4、降低服务器的成本5、呈现一致的效果CSS引入方式CSS的引入方式外部引入在head部分加入link标签，引入外部css文件。head头部引入在head部分加入<style>标签。CSS引入方式在标签内引入直接在标签里面加style样式CSS引入方式特点外部引入特点一个CSS文件可控制多个页面易改版、便于维护减少代码量、代码简洁规范易于分工协作有效利用缓存机制相对于单页有垃圾代码外部引入中的href属性会给服务器造成请求的压力常应用于访问量巨大的网页如：淘宝、hao123等head头部引入特点速度快，没有服务器请求压力相对于外部引入单页代码量少不易改版与维护代码较乱不易前后台沟通常见于大型互联网首页如：百度、网易等CSS引入方式特点标签内引入优先级最高冗余代码多，代码量大不利于维护个别特殊效果的使用CSS引入方式特点CSS基础语法CSS基础语法选择器｛属性：值；属性：值；｝选择器通常是您需要改变样式的HTML元素。每条声明由一个属性和一个值组成，每个属性有一个值。属性和值用冒号分开，分号结束CSS选择器的分类CSS常用选择器分类ID选择器类选择器标签名选择器群组选择器后代选择器ID选择器ID选择器语法ID选择器的优先级最高，页面中不能有同名的IDX√#后跟ID名类选择器类选择器语法优先级仅次于ID选择器，可以有相同的类名.后跟类名标签名选择器标签名选择器语法优先级与ID选择器与class选择器相比最低群组选择器群组择器语法把几个ID、class或者标签名中具有相同的CSS取出，来减少代码的冗余。样式名之间以，分隔后代选择器后代选择器语法使用多个选择器的组合来找到具体要控制的标签。为ID为warp后的P标签设置样式，中间以空格分隔使用CSS选择器的优点代码简化，争取最少的代码量准确的控制内容的样式代码美观，易读CSS选择器特点利用样式优先级的区别实现样式的覆盖标签内引入的样式高于一切选择器1000各类选择器优先级快速运算ID选择器权重值100类选择器权重值10标签选择器权重值1权值1权值2如权重相同优先级后发出的有效选择器优先级各选择器优先级运算a,b,c,dCSS样式选择器分为4个等级，以这4种等级为依据确定CSS选择器的优先级选择器优先级标签内样式ID选择器总数class选择器总数类型选择器总数选择器优先级CSS有几种引入方式各自的特点是什么课程总结CSS常用选择器有哪些，如何书写CSS选择器的优先级的权重如何计算A、div.a.bB、div#qC、#onedivD、.a.bdivE、