md_files/Java/JavaWeb——前端.md

31 KiB
Raw Blame History

JavaWeb

JavaWeb学习路线

image-20240227162313041

前后端分离开发

image-20240229125233265

image-20240229125254635

  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样式值
}

例子如下:

 div{
     color: red;
 }

2.id选择器:

  • 选择器的名字前面需要加上#
  • 作用选择器中的样式会作用于指定id的标签上而且有且只有一个标签由于id是唯一的
#id属性值 {
    css样式名:css样式值
}

例子如下:

#did {
    color: blue;
}

3.类选择器:

  • 选择器的名字前面需要加上 .
  • 作用选择器中的样式会作用于所有class的属性值和该名字一样的标签上可以是多个
.class属性值 {
    css样式名:css样式值
}

例子如下:

.cls{
     color: green;
 }

这里使用了第二种CSS引入方式内嵌样式