一、了解web怎么工作的
1.写了一个web页面,把它储存在web服务器上,那么全世界的浏览器都可以向web服务器发送请求来访问这个页面。
2.浏览器向web服务器发送请求(页面、图片、视频、音频等),服务器查找资源,找到则返回给浏览器。
3.当浏览器请求的是web页面的时候,web服务器返回的是一个html文件,那么浏览器如何把html转化为我们平时所看见的直观的页面的呢,这就是html和css的功能了,如下。
二、关于html与css
1、html 和css 是两种完全不同的语言,他们共同来创建一个web页面,html来告诉浏览器网页的结构,css(层叠样式表)来控制html的表现形式。总的来说,浏览器将页面的内容以html标记控制的结构,根据css叙述的样式展现出来。
2、元素 = 开始标记 + 内容 + 结束标记
开始标记与结束标记是相匹配的
开始标记 <标记名> 结束标记</标记名>
有的特殊情况无结束标记 ,例如<img>
开始标记内可以有属性,如 <p id="u">.....</p> 以及css中的style元素
3、html 必须包含一个html元素,<html> 元素中又包含一个<head>元素和一个<body>元素,编写是要分开首部和主体
首部里的是关于页面的信息,注意是关于而非显示,例如其中的<style>元素,是关于这个页面的样式信息,让html的结构以这种样式显示,而不是将style元素中的内容显示在页面上。
主体里就是将会显示在页面上的内容,大多数空白符是被浏览器忽略的。
4、CSS层叠样式表的样式可以(但不一定,后面学)写在style元素中,style元素的属性type只有一个值"text/css",style元必须放在头部里面!关于CSS具体的语法后面会讲,如body{ },各值background-color,padding等。