前端学习
文章平均质量分 68
前端学习过程中的总结和知识。
参考书籍来源-Web前端开发技术(储久良)
xiucai_cs
这个作者很懒,什么都没留下…
展开
-
【html】黑马旅游网
效果:Code:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <原创 2021-02-07 10:11:25 · 255 阅读 · 1 评论 -
【前端】注册页面
Code:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* 头部样式 */原创 2021-01-27 14:40:12 · 423 阅读 · 0 评论 -
vscode:input标签内 引号内自动补全
步骤:安装各种前端的插件。可以参考点我在setting.json添加(如下图)"other": true,"comments": true,效果:原创 2021-01-25 13:24:02 · 1770 阅读 · 0 评论 -
web之HTML5新增元素篇
hgroup标记:用于对标题的组合(h1,h2,h3等标题)。figure标记和figcaption标记:figure用于对元素进行组合(图片组合成一行,figcaption是figure组合的标题)。mark标记和time标记:突出显示文本(使文本带有颜色)time标记是标记文档中的时间日期。details标记和summary标记:details是可以收缩的段落,summary属性是...原创 2019-10-20 21:08:53 · 219 阅读 · 0 评论 -
web之footer和section篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2019-10-20 20:17:57 · 1277 阅读 · 0 评论 -
web之文档结构nav篇
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Nav导航标签的应用</title></head><body><header><!-- 可以制作导航菜单 --> <nav> &l...原创 2019-10-20 19:58:11 · 657 阅读 · 0 评论 -
web之文档结构header标记篇
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>H5结构元素header和hgroup标记的应用</title></head><body><!-- header标签定义的是页眉,通常是一些导航信息。 -->&l...原创 2019-10-20 19:50:56 · 358 阅读 · 0 评论 -
web之字体格式篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-26 15:42:54 · 341 阅读 · 0 评论 -
web之字体样式篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-26 15:14:51 · 7856 阅读 · 0 评论 -
web之div和span混合篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-26 11:53:37 · 829 阅读 · 0 评论 -
web之div区块篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-20 21:24:07 · 1359 阅读 · 0 评论 -
web之CSS继承与层叠篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-18 21:09:19 · 186 阅读 · 0 评论 -
web之内部样式篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-18 20:51:10 · 395 阅读 · 0 评论 -
web之伪类选择器篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-18 20:41:13 · 618 阅读 · 0 评论 -
Web之滚动文字篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-12 20:22:41 · 2116 阅读 · 0 评论 -
Web之浮动框架篇
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>浮动框架的应用</title><style type="text/css"> /* margin为外面距的距离 */ a{width:300px; margin:0 10px;} /* ...原创 2019-09-12 16:37:39 · 4420 阅读 · 0 评论 -
web学习-超链接篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-11 16:16:47 · 254 阅读 · 0 评论 -
Web列表篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-11 15:48:11 · 386 阅读 · 0 评论 -
WEB网页基础(代码是最好的例子)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>My web</title></head><body><!-- sup标签的是上标,sub标签代表的是下标。 --> 2x<sup>2</sup...原创 2019-09-05 21:18:42 · 5990 阅读 · 0 评论