什么是web
web:全球广域网 ,也成为万维网,是通过浏览器访问的网站
web访问的流程
浏览器先对前端服务器(前端程序)发送请求 然后前端服务器对浏览器进行响应 浏览器对后端服务器(Java程序)发送请求 后端服务器对数据库服务器发送请求 数据库服务器对后端服务器进行响应 后端服务器对浏览器进行响应
web标准
-
HTML负责网页的结构(页面元素和内容)
-
CSS:负责网页的表现(页面元素的外观、位置等页面样式:如颜色、大小等)
-
JavaScript:负责页面的行为
Html
-
图片标签<img>
-
src:指定图像的url(相对路径/绝对路径)
-
width:图像的宽度(像素/相对于父元素的百分比)
-
height:图像的高度(像素/相对于父元素的百分比)
-
-
标题标签:<h1>-<h6>
-
水平分割线的标签<hr>
Css引入方式
-
行内引入:写在标签style属性中
-
内嵌样式:写在style标签中(可以写在页面任何位置,但通常约定写在head标签中)
-
外联式:写在一个单独的.css文件中(需要link标签在网页中引入)
颜色的表示形式:
-
关键字: 预定义的颜色名 例如:green、red等
-
rgb表示法:红绿蓝三原色,每项取值范围:0-255 例如rgb(0,0,0)
-
十六进制表示法:#开头,将数字转换为十六进制表示 例如 #000000
css中的选择器:用来选取需要设置样式的元素(标签)
-
元素选择器 元素名称{color:red}
-
id选择器 #id属性值{color:red}
-
类选择器 .class{color:red}
注意id在页面中是不能重复的,类是可以重复的
选择器的优先级为 id选择器>类选择器>元素选择器
<span>标签是一个在开发网页时大量使用的标签没有语义的布局标签 一行可以有多个<span>标签 宽度和高度默认由内容撑开
css中的font-size设置大小的时候后面记得加单位px