css入门教程

作者:袖梨 2022-07-02

首先,希望大家有一个安稳的心态。CSS不是什么太难的东西,只要慢慢学,多练习,入门是非常快的。个人认为CSS不是编程语言,所以不用担心数学不好之类的问题。

废话不多说,现在开始。

一 Web标准的优势

Web标准似乎自2003年开始便开始出现在国内。掀起了一股学习Web标准和Css布局的热潮。于是乎,大家就那么开始学了。

事实上,Web标准伴随着Web表现层技术的发展一直存在于网络技术中。它从未离开过人们的实现。它并非仅仅是一堆技术指标,由于Web标准对网站架构进行了丰富的结构定义与技术约定,Web标准引领者网站交互式设计的思想前沿,不仅仅从网站的代码级设计上带给人们更大的自由度,而且结合Web标准的设计思想让网站的制作更加的方便,可靠,使用户体验更加的丰富。

1.1 Web标准

这里简单的说就好了。

Web 标准是有W3C(World Wide Web Consortium)和其他标准化组织制定的一套规范集合,包含我们熟悉的Html,Xhtml,Javascript以及Css等。Web标准的目的在于创建一套统一的,用于Web表现层的技术标准,以便于通过不同浏览器或终端设备向最终用户展示信息。

1.2 Web表现层技术

Web本身是由一套非常复杂的技术架构组成,其最终目的是面向浏览器或应用程序的用户提供一个可视化的,便于操作的信息交互平台。

而表现层技术指的就是将信息展示给用户并提供给用户交互行为的技术,简单理解起来就是--样式。展现给用户的是一个网页,而背后它就是一些代码。

举个例子,我们身上穿的衣服,看起来是一件非常好看的衣服。那么衣服好看与否其实就是网页的设计如何,而这种好看通过衣服这样的介质表现出来,介质就是 WEB(网页)。那么衣服又是由五颜六色的线和布块来组成的,从衣服的外面看上去,他们是好看的图案和新颖的款式。而在里面,我们就能看到它的本质--- 线和布块。而上述的这些东西,除了网页设计之外统统都属于Web表现层技术。

1.3 Web标准的构成。

目前,Web标准是由三大部分组成的标准集:结构(Structure)  表现(Presentation)  行为(Behavior)。

依然来举例子。衣服看上去很漂亮,这样归功于设计(网页的页面设计,用PhotoShop设计网页的过程),衣服本身是一种传播美的介质(我们用浏览器浏览的就是网页),而衣服的口袋设计在哪,领子,脖子,袖子设计在哪,都是一种结构上的要求(Web标准,一个网页该有些什么东西),这件漂亮的衣服是由线和布块缝制而成的(这些线和布块就就是HTML语言),线和布块是什么颜色什么材料的(CSS要做的事情,可以理解成美化HTML)。为了让漂亮的衣服穿在身上,我们要拉上拉链(拉动拉链就是一种行为,而拉链就是行为的主体)

同样,我们可以再举个例子。你买了一套房子。这个房子是三室一厅还是两室一厅,这个叫做结构;那么哪里放电视,哪里放装饰画,这个叫做表现。而与房子产生互动(比如进入房子就是一种互动)就是行为。

1.4 结构(Strcture)

结构里主要包含这么几个技术,我只列出名称。具体内容大家可以去问Google和Baidu。

1 Html(Hyper Text Mark-up Language)超文本标记语言。
2 Xml(The Extensible Markup Language)可扩展标记语言
3 Xhtml(The Extensible Hyper Language)  可扩展超文本标记语言

1.5 样式(Presentation)

Css (Cascading Style Sheets) 层叠样式表

1.6 行为(Behavior)
Dom(Document Object Model) 文档对象模型
ECMAScript  

相关文章

精彩推荐