JAVAEE1

Web前端:

1.建立web开发的息维模式写代码不仅仅是为了实现某个功能,更是学习解决问题的思维方式

2.先使用,再理解,会导致刚开始比较懵,不知其所以然.切忌不可深陷其中,

3.涉及简单的软件工程的设计思想(前后端分离思想,后端工程的分层思想)

4.理解前后端交互的过程

5.遇到的问题更加多样,除了代码带来的问题,还有环境带来的问题(各种缓存,导致现象看起来莫名其妙).

6.需要大量的反复练习,来加深对这个知识点的理解,

7.知识点上下文会经常有关联,需要仔细听才能搞懂各个知识点的逻辑关系,

前端三剑客:HTMLCSS JS

HTML:页面上有哪些元素组成CSS:这些元素的样式,布局,排版等JS:这些元素之间如何交互.

HTML

表格:

一个table标签,4个tr,每个tr有3个td

html 复制代码
用户名:<input type="text"><br/>
密码:<input type="password"name=""id=""><br/>
性别:<input type="radio" name="gender"id="male"><labelfor="male">男</label>
        <input type="radio"name="gender'id="female"<labelfor="female>女</label>

一组单选按钮,name需要一致

html 复制代码
 <form action="hello.html">

用户名:<input type="text"name="userName"><br/>

密码:<input type="password" name="password" id=""><br/>

性别:<input type="radio" name="gender" id="male"><label for="male">男</label>

<input type="radio" name="gender" id="female"> <label for="female">女</label><br/>

兴趣爱好: <input type="checkbox" name="" id="basketball"><label for="basketball" >篮球</label><input type="checkbox" name="" id="">rap <input type="checkbox" name="" id="">听歌

<br/>

<input type="submit" value="提交">

</form>

有input 框,不代表一定需要form标签需要提交数据时,且使用form表单的方式提交数据时,才需要加form标签.

标签选择器:

html 复制代码
div  a{
color:red;
}

a:个数不确定

div:单选择器的形式不确定可以为标签选择器class选择器,id选择器

html 复制代码
ul a{
color: rebeccapurple;
}

不一定挨着,只要是子孙就可以.

html 复制代码
ul>a{
color:green>一定得是儿子
}
html 复制代码
.c1 a{
color:red;
}
html 复制代码
.font32{
font-size32px;
font-weight:700
}

700加粗400正常取值100-900

box

相关推荐
moonless02221 天前
FastAPI框架,这一小篇就能搞懂精髓。
http·fastapi
ftpeak3 天前
从零开始使用 axum-server 构建 HTTP/HTTPS 服务
网络·http·https·rust·web·web app
weixin_456904273 天前
使用HTTPS 服务在浏览器端使用摄像头的方式解析
网络协议·http·https
拷贝码农卡卡东4 天前
pre-commit run --all-files 报错:http.client.RemoteDisconnected
网络·网络协议·http
又菜又爱玩呜呜呜~4 天前
go使用反射获取http.Request参数到结构体
开发语言·http·golang
cellurw4 天前
Linux下C语言实现HTTP+SQLite3电子元器件查询系统
linux·c语言·http
希望20174 天前
Golang | http/server & Gin框架简述
http·golang·gin
全栈技术负责人4 天前
前端网络性能优化实践:从 HTTP 请求到 HTTPS 与 HTTP/2 升级
前端·网络·http
Whisper_Yu4 天前
计算机网络(一)基础概念
计算机网络·http·https·信息与通信
emojiwoo4 天前
HTTP 状态码背后的逻辑:从请求到响应的完整流程解析(含完整流程图)
网络·网络协议·http