结构
C/S 结构
Client+Server 客户端+服务器
需要在电脑上安装的重终端.qq.微信.腾讯会议
需要装一个特定的客户端才能运行
B/S结构
百度,京东,腾讯新闻.....
浏览器输入网址,访问网站
Brower + Server 浏览器 + 服务器
Java主要是一个后端语言,用来开发服务器端程序
学习一些网页知识,为程序提供操作界面
网页开发需要的内容
html , css , javaScipt
两个框架:
VUE.js
ElementUI UI user interface 用户界面
HTML语言
HTML(Hyper Text Markup Language)超文本标记语言
文本:文字字符
超文本:指的就网页内容
标记:标签 标识 例如:买商品,商品上有标签,介绍了商品的内容
<a href="http://www.baidu.com">百度</a>
<b>新浪</b>
html 语言就是一种标记语言,提供许多的标签,不同的标签功能不同,
网页就是通过这些标签描述出来的
最终由浏览器解释程序
CSS
块标签:无论内容多少都会独占一行(特点:可以设置宽高)
主要可以用来进行网页布局,p, h1....h6等等
行级标签:只占内容的大小,不占一行,设置宽高也无效,例如:a b s 等
主要用于对网页的文字进行修饰
还有一个行级块标签: 不占一行,又可以设置宽高 img
比如: <img src="img/1.jpg" width="200" height="200"/>
div标签:
div是块级标签,可以放置任何标签div没有任何附加功能,给了什么属性就能变成什么样。div主要的作用是被用来布局网页。
span标签:
span是行级标签
span 没有任何附加功能,给了什么属性就能变成什么样。
span标签被用来选中文档中的文字。
常用标签:div span a 表格 表单 列表
Display:
通过display 我们可以修改标签的类型
可选值:block:设置标签为块标签
inline:设置标签为行级标签
inline-block:设置标签为行级标签
盒子模型:
边框:
可以在标签周围创建边框,边框是标签可见框的最外部。
可以使用border属性来设置盒子的边框
border:1px red solid;
上边的样式分别指定了边框的宽度、颜色和样式。
也可以使用border-top/left/right/bottom分别指定上右下左 四个方向的
边框。
。边框可以设置样式
dotted(点线)dashed(虚线)solid(实线)double(双线)groove (槽线)
border-radius设置四个角为圆角边框border-top-left-radius设置左上为圆角边框
none:隐藏标签(标签将在页面中完全消失)