Web前端基础

结构

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:隐藏标签（标签将在页面中完全消失）