CSS.Div总结
2016-08-02 23:38
218 查看
【前言】
CSS.Div:是一种网页的布局方法,与传统的通过表格布局定位的方式不同,它可以实现网页页面内容与表现相分离。也就是用CSS控制Div进行布局。同时因为Div是块级元素,这样我们就可以把网页分成多块来进行设计,而span是行级元素,无法达到此目的。
【宏观导图】
![](https://img-blog.csdn.net/20160802231104512?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
1.应用:
CSS与JavaScript:JavaScript是一种基于对象的脚本语言,使用它可以开发Internet客户端的应用程序。JavaScript在HTML页面中以语句的方式出现,并执行相应的操作。
CSS与XML:XML用于存储数据,链接CSS文件时
<?xml-stylesheet type="text/css" href="14-5.css"?>
CSS与AJAX:用于事实通讯,刷新
2.优点:
1.符合W3C标准,兼容性好,保证网站不会淘汰。
2.CSS文件共用,缩减代码,节省带宽,提高页面浏览速度;缩短样式修改时间。
3.结构清晰,对搜索引起更加友好。
3.缺点:
1.CSS网站制作的设计元素同城放在一个或多个外部文件,比较复杂,如果调用出现异常,后果不堪设想;定位也较复杂。
2.部分浏览器兼容的问题依然存在。
其他知识在之前的博客中写过《初识CSS》
【小结】
这次系统的学习CSS,以前在牛腩新闻发布系统的时候用到过,很多东西也是云里雾里,虽然也做了也查了,但是毕竟还未了解透,现在有种水到渠成的感觉,也许是B/S的所有学习中都会涉及到CSS,所以每次的加深,最后便会了。
CSS.Div:是一种网页的布局方法,与传统的通过表格布局定位的方式不同,它可以实现网页页面内容与表现相分离。也就是用CSS控制Div进行布局。同时因为Div是块级元素,这样我们就可以把网页分成多块来进行设计,而span是行级元素,无法达到此目的。
【宏观导图】
1.应用:
CSS与JavaScript:JavaScript是一种基于对象的脚本语言,使用它可以开发Internet客户端的应用程序。JavaScript在HTML页面中以语句的方式出现,并执行相应的操作。
CSS与XML:XML用于存储数据,链接CSS文件时
<?xml-stylesheet type="text/css" href="14-5.css"?>
CSS与AJAX:用于事实通讯,刷新
2.优点:
1.符合W3C标准,兼容性好,保证网站不会淘汰。
2.CSS文件共用,缩减代码,节省带宽,提高页面浏览速度;缩短样式修改时间。
3.结构清晰,对搜索引起更加友好。
3.缺点:
1.CSS网站制作的设计元素同城放在一个或多个外部文件,比较复杂,如果调用出现异常,后果不堪设想;定位也较复杂。
2.部分浏览器兼容的问题依然存在。
其他知识在之前的博客中写过《初识CSS》
【小结】
这次系统的学习CSS,以前在牛腩新闻发布系统的时候用到过,很多东西也是云里雾里,虽然也做了也查了,但是毕竟还未了解透,现在有种水到渠成的感觉,也许是B/S的所有学习中都会涉及到CSS,所以每次的加深,最后便会了。
相关文章推荐
- css+div布局总结——基础篇
- css+div布局总结--新手入门
- 网页制作:10个常见DIV+CSS错误总结
- css+div实现圆角矩形代码总结
- 【总结】DIV+CSS有可能遇到的问题
- css+div布局总结——基础篇
- 网页Css+Div排版常见问题总结
- div+css 在IE、FF下兼容性总结
- DIV+CSS 制作网页的15个经验总结
- DIV+CSS难点之经验总结
- css+div布局总结——基础篇
- 布局用CSS+DIV的优点总结
- 布局用CSS+DIV的优点总结
- 网页制作:10个常见DIV+CSS错误总结
- CSS在页面布局中实现div水平居中的方法总结(转)
- css+div布局总结--新手入门
- css+div布局总结——基础篇
- CSS在页面布局中实现div垂直居中的方法总结
- Css+Div在IE6上一些细小问题总结
- 浏览器对DIV+CSS兼容性问题大总结