欢迎来到天天文库
浏览记录
ID:5353250
大小:1.03 MB
页数:98页
时间:2017-12-08
《前端绩效考核范本》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、DIV+CSS快速入门主讲:刘金榜智搏网联学习群:114808677网络教程:www.w3school.com.cn第一章CSS简介•CSS概述•CSS指层叠样式表(CascadingStyleSheets)•样式定义如何显示HTML元素•样式通常存储在样式表中•外部样式表可以极大提高工作效率万维网联盟(W3C),非营利的标准化联盟1996年12月,发布了CSS1.0规范。1998年5月,发布了CSS2.0规范。目前有两个新版本正在处于工作状态,即CSS2.1版和3.0版第一章CSS简介W3C并没有强制软件厂商的产品必须符合规范,因此目前流行的浏览器都没有完全符合规范,这就给设计师设计网页带来
2、了一些难题。目前最主流的浏览器是:IE6.0、IE7.0、IE8.0、Firefox市场占有率为:99%以这4种浏览器为目标,已经完全可以做出显示非常一致的CSS布局页面。随着技术的发展,各种浏览器都会逐渐在这方面做更多的努力,相信情况会越来越好。第一章CSS简介•什么是DIV+CSS?DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。CSS是CascadingStyleSheets(层叠样式表)的简称。•通俗来说:如果把一个网页比作一栋楼房,div就是楼房的框架结构,一个个的砖头就是一个个的标签元素(如图片,文字),CSS就是水泥和玻璃,把砖瓦合理的跟
3、框架连接在一起。DIV+CSS其实就是布局的一个方法,就是像盖房子的方法一样。第一章CSS简介•css的优势:1、缩减代码,提高页面浏览速度。2、结构清晰,对搜索引擎更加友好。3、支持各种浏览器,兼容性好。4、简单的修改,缩短改版时间。5、强大的字体控制和排版能力。6、使用CSS可以结构化HTML,提高易用性。„„„„„„„„各种好处!第一章CSS简介•学习CSS,需要什么基础1)对HTML和网页设计有初步的基础2)具有钻研的精神和热情其中第1点的权重占10%第2点的权重点90%第二章CSS基础语法•语法是CSS学习的开始,不要小看它。•因为成也语法,败也语法!•CSS语法由三部分构成:选择器
4、、属性、值例如:p{color:red;}h1{border:1pxsolidred;}第二章CSS基础语法•选择器:通常是你希望定义的HTML元素或标签,•属性:是你希望改变的属性,并且每个属性都有一个值。•属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。•body{color:blue;}•上面这行代码的作用是将body元素内的文字颜色定义为蓝色。在上述例子中,body是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color为属性,blue为值。第二章CSS基础语法•选择器的分类•标记选择器•ID选择器•类别选择器•复合选择器–交集选择器–并
5、集选择器•后代选择器第二章CSS基础语法•选择器——标记选择器Html结构中:
标记选择器
6、{text-align:center;color:black;}此例中CSS中的.box即为类别选择器。注意:类别选择器用“.”第二章CSS基础语法•选择器——复合选择器__并集选择器Html结构中:
7、box”>这是交集选择器
此文档下载收益归作者所有