-
html + css + js
桌面
exe--c/s web
应用程序
---b/s
Internet
与
web
的关系
提供了多种服务
:WWW/FTP/Telnet/Email/... web
只是
internet
提供的其中一种服务
web
结构
:
一问一答
browser:
发送请求
/
解释显示页面
< br>server:
得至
U
请求
p>
/
响应请求
通信协
议
:HTTP--
超文本传输协议
主流
browser:IE/Firefox/Chrome/Sarifa/Opera
W3C:99 4.01--XHTML
超文本
:
用
HTML
语言编写的后缀为
.html
或者
.htm
的文件
(
网页
)
web
开发的技术
:
客户端技术
:html+css+js
服务器端技术
:jsp/php/aspx
html
(
标记语言
)
的基本语法
:
对标记括起来文本
,
由浏览器显示
<
元素
>
元素
>
<
元素
属性
1=
属性的值
属性
2=
属性的值
元素
>
<
元素
>
空标记
html
文档的结构
head
头元素
:
与当前文档相关的信息
title
元素
meta
元素
:
content=
定时刷新页面
,
保证数据的实时性
,
与服务器的交互
可能过于频繁
--
用于留言论坛
引入样式文件
script
元素
:
引入脚本代码或者文件
通用属性
:
title id name
style/class
各种标记
:
文本标记
:
不同的方式来表现文本
(
嵌套
,
注意嵌套的顺序
)
b/i---
不建议使用
,
建议用
css
样式
段落标记
:
p:
段落元素
br:
换行
--
空标记
标题标记
---
分组元素
span:
常用于同一行文本中的分组
div:
常用于页面的布局
,
块的划分
marquee
图像和超级连接
超级链接
:a
元素
必须的属性
:href=
目标窗口
name:
定义锚点
--
图形
:
图像映射
浮动窗口
:iframe src
-
将某个
html
文件嵌入到另一个页面
css
1/
为什么需要用
css
来控制样式
---
分离
,
可维护度
2/
什么是
CSS--
级联
/
层叠样式表
子元素可以继承父元素的样式
,
改写
3/css
的语法
1-
-
样式属性
:
属性的值
;
样式属性
:
属性的值
2-
-
样式选择器
{
样式属性
:
属性的值
;} 4/
页面使用
css
样式
内联样式
:
基本语法构成
内部样式
:
---
适用于简单的页面
外部样式表
:
定义一个单独的
css
文件
,
使用
vlink^l
入
5/
优先级
---
就近原则
,
重复定义以最后的一次为准
默认样式
---
浏览器
外部样式表
css
内部样式
vstyle>
内联样式
style=
6/
选择器的声明
元素
(
标记
)
选择器
h
1{color
:
red;}
类选择器
.className
{}---
所有元素均可用
分类选择器
ame---
只有
h1
元素可用
选择器
#id---
唯一
派生选择器
:
根据文档的结构结合元素出现的顺序定义样式
h2
span
#header div
span
群组选择器
伪类
:
四种状态
块级元素
(block
element):div h1-h6 p table ul li
行内元素
(inline
element):span a
input..
7/
各种样式属性
颜色的单位
:red
#ffffff #fff
尺寸的单位
:
pt
(
磅
)
px
(
像素
)
mm cm in
高度和宽度
:width:100px;height:100px
边框
:
border:width
style color
border-
top/bottom/..
display
属性
:none/inline/block
ID
-
-
-
-
-
-
-
-
-
上一篇:《台阶》课文原文
下一篇:部编版语文七年级下册第三单元知识梳理