Web前端开发——CSS技术大梳理
来源:互联网 发布:mfc支持的数据库 编辑:程序博客网 时间:2024/05/16 19:17
前言
之前在看牛腩的时候对CSS进行了一下总结,那会儿刚接触,对CSS的理解还是不够系统和全面,现在看完CSS
了,再对CSS整体梳理一下。
整体概括
话不多说,先上图,对CSS进行一下整体了解。
css是英文Cascading Style Sheets的缩写。中文翻译为层叠样式,是用于控制网页样式并允许将样式信息与网
页内容分离的一种标记性语言。
之前在做牛腩的时候已经把CSS的基本知识和用法进行了详细的讲解(CSS之浅入浅出,CSS之核心篇)。这里就
不再累述。这里主要讲一下CSS与javascript,XML以及AJAX交互。
CSS与javascript交互
<span style="font-family:KaiTi_GB2312;font-size:18px;">script language="javascript">var number = new Date().getSeconds() % 3 + 1; //随机数,从1到3//随机选择CSS外部文件document.write('<link href="0' + number.toString() + '/0' + number.toString() + '.css" rel="stylesheet" type="text/css">');</script></span>
其实和html与CSS交互一样,只需要引入javascript标记即可。通过与javascript交互实现动态的效果。
CSS与XML交互
与CSS和javascript交互类似,引入XML即可。这里XML可以看成一个存放数据的地方,而CSS美化了XML文件的显
示。
CSS与AJAX交互
AJAX是一项比较复杂的技术。他是由javascript,CSS,DOM,XMLHttpRequest等技术融合而成的。
javascript是整个AJAX最底层的部分,通过javascript去调用CSS,DOM,XMLHttpRequest
CSS,美术大师。CSS是控制整个页面的,没有CSS就没有网页
DOM,非常重要的html模型,html中的一棵树
XMLHttpRequest,实现异步操作。
AJAX由于刚接触,还不是很了解。以目前的水平就只能介绍到这里了。
个人点睛
还是那句话,CSS将网页的内容和样式解耦,通过CSS文件,将具有相同样式的样式封装在一起,日后对网站的升
级和维护很是方便。
- Web前端开发——CSS技术大梳理
- Web前端开发——JS技术大梳理
- Web前端开发——JQuery基础梳理
- 《web前端开发技术——html、css、javascript》笔记之一
- 《web前端开发技术——html、css、javascript》笔记之二
- web前端三大技术介绍之CSS
- Web前端开发技术
- web前端开发参考手册系列——CSS参考手册
- web前端开发基本知识——css篇
- 电商之梳理css相关知识---前端技术
- Web——前端开发技术包括三个要素
- web前端Html和css基本知识点的梳理
- web前端开发之Css
- web前端开发技术入门
- 《Web前端开发技术实用教程》
- Python3教程Web开发实战梳理-day8(构建前端)
- Web前端——2.css选择器
- [Web前端]梳理-DOM.1.
- 生产者消费者模型的演变
- 简析Wolfe Dual (Wolfe对偶性原则)
- 我自是年少,昭华倾负,此情,此心,你可怜!
- SparseArray替代HashMap来提高性能
- spring事务配置
- Web前端开发——CSS技术大梳理
- pycryto RSA 签名验签所需方法
- 遇见,只是一个开始;守望,才能相伴一生
- 无溢出求平均数
- 优质top域名看法(二)
- 初探 #define 和 const
- Opencv-ref-man-2.3.1学习笔记(精简版)
- WIP模块常用表结构
- Cocos2dx-3.2下wp8的移植