commit d5475430986c29b41b29b2e37a2c138269f10991 Author: zhangsan <646228430@qq.com> Date: Tue Mar 18 12:46:59 2025 +0800 first commit diff --git a/Java/JavaWeb——前端.md b/Java/JavaWeb——前端.md new file mode 100644 index 0000000..3f3aeb9 --- /dev/null +++ b/Java/JavaWeb——前端.md @@ -0,0 +1,1110 @@ +# JavaWeb + +## JavaWeb学习路线 + + + +## 前后端分离开发 + + + + + + + +1. 需求分析:首先我们需要阅读需求文档,分析需求,理解需求。 +2. 接口定义:查询接口文档中关于需求的接口的定义,包括地址,参数,响应数据类型等等 +3. 前后台并行开发:各自按照接口文档进行开发,实现需求 +4. 测试:前后台开发完了,各自按照接口文档进行测试 +5. 前后段联调测试:前段工程请求后端工程,测试功能 + +## Html/CSS + +### 标签速记: + +不闭合标签: + + 空格占位符: + +正文格式:line-height:设置行高;text-indent:设置首行缩进;text-align:规定文本的水平对齐方式 + +### CSS引入方式 + +| 名称 | 语法描述 | 示例 | +| -------- | ------------------------------------------------- | ---------------------------------------------- | +| 行内样式 | 在标签内使用style属性,属性值是css属性键值对 | <h1 style="xxx:xxx;">中国新闻网</h1> | +| 内嵌样式 | 定义<style>标签,在标签内部定义css样式 | <style> h1 {...} </style> | +| 外联样式 | 定义<link>标签,通过href属性引入外部css文件 | <link rel="stylesheet" href="css/news.css"> | + +### CSS选择器 + +**1.元素(标签)选择器:** + +- 选择器的名字必须是标签的名字 +- 作用:选择器中的样式会作用于所有同名的标签上 + +~~~ +元素名称 { + css样式名:css样式值; +} +~~~ + +例子如下: + +~~~css + div{ + color: red; + } +~~~ + +**2.id选择器:** + +- 选择器的名字前面需要加上# +- 作用:选择器中的样式会作用于指定id的标签上,而且**有且只有一个**标签(由于id是唯一的) + +~~~ +#id属性值 { + css样式名:css样式值; +} +~~~ + +例子如下: + +~~~css +#did { + color: blue; +} +~~~ + +**3.类选择器:** + +- 选择器的名字前面需要加上 . +- 作用:选择器中的样式会作用于所有class的属性值和该名字一样的标签上,可以是多个 + +~~~ +.class属性值 { + css样式名:css样式值; +} +~~~ + +例子如下: + +~~~css +.cls{ + color: green; + } +~~~ + +这里使用了第二种CSS引入方式,内嵌样式, + +
+ +