阿里巴巴前端CSS培训PPT文档(初级入门).ppt 29页

'降龙十八掌之龙跃在渊中文站UED——前端开发——由雪伟（yoyo）Cssxhtmljavascript 回顾CSS的概念回顾CSS引用方法，常用CSS属性分析中文站公用CSS库实例讲解练习目录备注：完成此节课的学习你将达到CSS开发的初，中级水平 Css是什么？层叠样式表（CascadingStyleSheets）回顾CSS的概念我们为什么使用Css？CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。简单的说，CSS相当于网页的化妆品！ 回顾CSS引用方法1.内嵌样式2.内部样式表3.外部样式表 1.内嵌样式回顾CSS引用方法xxxxxxxxxx

只对当前TAG里的内容有效 例：内嵌样式回顾CSS引用方法 例：内嵌样式DEMO运行结果回顾CSS引用方法？ 2.内部样式表回顾CSS引用方法在HTML的里面。只对当前页面有效 例：内部样式表回顾CSS引用方法 例：内部样式表DEMO运行结果回顾CSS引用方法 3.外部样式表回顾CSS引用方法解决当很多页面需要用到同样的样式！ 例：外部样式表回顾CSS引用方法rel是Relations的所写指关联到一个stylesheet（样式表单） 例：外部样式表DEMO运行结果回顾CSS引用方法 回顾CSS常用属性 回顾CSS常用属性FloatFont-size，font-familyFont-weightWidthHeightBorderMarginPaddingbackground 详解float 详解font-size,font-weight 详解border 详解margin,padding(1)Margin：外边距Padding：内边距 详解margin,padding(1)Margin：外边距Padding：内边距 详解margin,padding(2) 详解background 分析中文站公用库中常用属性1 分析中文站公用库中常用属性2 分析中文站公用库中常用属性3公用库中提供的文字颜色还有：白色（white），橙色（orange），棕色（brown），橄榄绿（green），蓝紫色（blue），深棕色（darkbrown），宝蓝（sapphire），紫色（purple），黑色（blank），灰色（gray），红色（red）详情见DEMO 分析中文站公用库中常用属性4 分析中文站公用库中常用属性5 综合实例讲解 Thankyou!Cssxhtmljavascript中文站UED——前端开发——由雪伟（yoyo）'