摘要: 1、标签选择器 :选择一类标签 —— 标签{} /*标签选择器,会选择到页面上所有的这个标签的元素 */ h1{ color:pink; background:gray; border-radius:24px } p{ font-size:36px } 2、类选择器 class:选择所有class属 阅读全文
posted @ 2021-08-11 17:18 cengxuyuan 阅读(35) 评论(0) 推荐(0)
摘要: 行内样式 内部样式 外部样式 优先级(就近原则):行内样式 > 内部样式 > 外部样式 行内样式:在标签元素中,编写一个style属性,编写样式即可 代码 <h1 style="color:red">我是标题</h1> 内部样式 代码 <style> h1{ color:green; } </sty 阅读全文
posted @ 2021-08-11 16:32 cengxuyuan 阅读(176) 评论(0) 推荐(0)
摘要: 规范,style可以编写css的代码,每一个声明最好使用分号结尾 语法: 选择器{ 声明1; 声明2; 声明3; } 建议使用这种规范 效果图 css的优势 1.内容和表现分离 2.网页结构表现统一,可以实现复用 3.样式十分的丰富 4.建议使用独立于html的css文件 5.利用SEO,容易被搜索 阅读全文
posted @ 2021-08-11 15:52 cengxuyuan 阅读(34) 评论(0) 推荐(0)
摘要: 如何学习 1.css是什么 2.css怎么用(快速入门) 3.css选择器(重点+难点) 4.美化网页(文字,阴影,超链接,列表,渐变...) 5.盒子模型 6.浮动 7.定位 8.网页动画(特效效果) 1.1、什么是CSS Cascading Style Sheet 层叠级联样式表 CSS:表现( 阅读全文
posted @ 2021-08-11 15:38 cengxuyuan 阅读(125) 评论(0) 推荐(0)
摘要: 常用方式 placeholder 提示信息 required 非空判断(必须要填写东西) pattern 正则表达式 代码 <p>名字:<input type="text" name="username" placeholder="请输入名称" required></p> 效果图 pattern 正 阅读全文
posted @ 2021-08-08 19:34 cengxuyuan 阅读(61) 评论(0) 推荐(0)
摘要: 隐藏域 hidden 只读 readonly 禁用 disabled readonly 只读 代码 <p>名字:<input type="text" name="username" value="admin" readonly></p> 效果图 hidden 隐藏域 代码 <p>密码:<input 阅读全文
posted @ 2021-08-08 19:17 cengxuyuan 阅读(30) 评论(0) 推荐(0)
摘要: 下拉框,列表框 <p>国家: <select name="列表名称"> <option value="china">中国</option> <option value="us">美国</option> <option value="eth" selected>瑞士</option> <option 阅读全文
posted @ 2021-08-08 16:17 cengxuyuan 阅读(28) 评论(0) 推荐(0)
摘要: 表单from action:表单提交的位置,可以是网站,也可以是一个请求处理地址 method:post , get 提交方式 get方式提交:我们可以在url中看到我们提交的信息,不安全,高效 post方式提交:比较安全,传输大文件 代码 <h1>注册</h1> <form action="1.我 阅读全文
posted @ 2021-08-06 21:46 cengxuyuan 阅读(180) 评论(0) 推荐(0)
摘要: 代码 <iframe src="" name="hello" frameborder="0" width="400" height="400"></iframe> <a href="1.我的第一个html网页.html" target="hello">点击跳转</a> 效果图 阅读全文
posted @ 2021-08-06 21:28 cengxuyuan 阅读(45) 评论(0) 推荐(0)
摘要: 媒体元素 音频和视频 src:资源路径 controls:控制条 autoplay:自动播放 视频元素 <video src="../video/田馥甄 - 小幸运.mp3" controls autoplay>小幸运</video> 音频元素 <audio src="../audio/我在网易云追 阅读全文
posted @ 2021-08-02 10:46 cengxuyuan 阅读(30) 评论(0) 推荐(0)