摘要: CSS快速入门 1.style :样式,尽量写在head里边 2.选择器:写在style里边,选定选择器后在{ }内部写样式 CSS代码书写规范如下 <!--规范,<style> 可以编写css代码,每一个声明语句最好使用分号结尾 语法: <head> <style> 选择器{ 声明1; 声明2; 阅读全文
posted @ 2022-04-22 21:59 无关风月7707 阅读(60) 评论(0) 推荐(0) 编辑
摘要: CSS简单介绍 如何学习 1.CSS是什么 2.CSS怎么用(快速入门) 3.CSS选择器(重点+难点) 4.美化网页(文字、阴影、超链接、列表、渐变......) 5.盒子模型 6.浮动 7.定位 8.网页动画(特效效果) 1.1 什么是CSS Cascading Style Sheet 层叠级联 阅读全文
posted @ 2022-04-22 21:58 无关风月7707 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 一个学习技巧 首先在任意页面空白处右击选择检查,查看该网页的HTML和CSS源码 点击左上角的按键以后再点击网页想要查看部分即可跳转到该部分的源码,如下图所示 这样就可以通过更改源码来自己改变页面样式等。例如我要把百度一下的背景变为粉色,进入查看源码模式点击百度一下,跳转到这部分的源码以后直接更改背 阅读全文
posted @ 2022-04-22 21:52 无关风月7707 阅读(294) 评论(0) 推荐(0) 编辑
摘要: CSS学前须知!!! 问题解决链接:(1条消息) idea新建项目里面没有CSS选项什么原因?-前端-CSDN问答 首先要注意的是,社区版IDEA的CSS是没有提示功能的,不会自动提示补足代码,完全需要个人手敲代码 另外,社区版IDEA是不能直接创建stylesheet文件的,可以新建一个文件,然后 阅读全文
posted @ 2022-04-22 21:51 无关风月7707 阅读(2961) 评论(0) 推荐(0) 编辑
摘要: 表单学习总体代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <!--1.表单form action : 表单提交的位置,可以是一个网站,也可以是一个请 阅读全文
posted @ 2022-04-22 17:31 无关风月7707 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 表单初级验证 **placeholder:**用在输入框中,提示信息 <p>提示信息测试 : <input type="text" name="test" placeholder="请输入任意内容"/></p> **required:**非空判断,该输入框信息不能为空 <p>非空判断测试 : <in 阅读全文
posted @ 2022-04-22 17:29 无关风月7707 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 表单的应用 代码测试 只读 readonly <p>密码 <input name="pass" type="password" value="123456" readonly> </p> 隐藏域 hidden <p>用户名称 <input name="username" type="text" va 阅读全文
posted @ 2022-04-22 17:27 无关风月7707 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 下拉框 <!--下拉框,列表框 默认选中为selected --> <p>国家 : <select name="列表名称" > <option value="USA" >美国</option> <option value="China" selected>中国</option> <option va 阅读全文
posted @ 2022-04-22 16:15 无关风月7707 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 滑块和搜索框 1. 滑块 input type="range" <!--验证功能框 4.滑块 range 例如用滑块调整音量,要设置step和min max --> <p>音量滑块 : <input type="range" name="voice" min="0" max="100" step=" 阅读全文
posted @ 2022-04-22 11:52 无关风月7707 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 验证功能框 1. 邮箱验证 input type="email" <!--功能框 1.邮件验证 input type="email" --> <p>邮箱验证 : <input type="email" name="email" /> </p> 邮件验证框内**填写内容必须符合邮箱号码格式**,否则无 阅读全文
posted @ 2022-04-22 11:51 无关风月7707 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 以上都是基于文本框input的,下面来学习一个不是基于input文本框的表单内容:文本域 列表框文本域和文件域 <!--文本域 cols="50" rows="10" 文本域大小,可以拉动文本域进行调节 --> <p> 反馈 : <br> <textarea name="textarea" cols 阅读全文
posted @ 2022-04-22 11:49 无关风月7707 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 多选框和按钮标签 <!--多选框标签 同样需要命名来分组 --> <p>爱好: <input type="checkbox" value="sleep" name="hobby"/>睡觉 <input type="checkbox" value="eat" name="hobby"/>吃饭 <inp 阅读全文
posted @ 2022-04-22 11:47 无关风月7707 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 文本框和单选框 <!--单选框标签 type=radio value:单选框的值 name:表示组,有相同name的单选框为一个组,同一个组内的单选框只能选一个 --> <p>性别 : <input type="radio" value="boy" name="sex"/>男 <input type 阅读全文
posted @ 2022-04-22 11:45 无关风月7707 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 1. 表单语法 2. 表单元素格式 3. 初步学习代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <!--1.表单form action : 表单提交 阅读全文
posted @ 2022-04-22 11:44 无关风月7707 阅读(66) 评论(0) 推荐(0) 编辑