![](https://img-blog.csdnimg.cn/20210114173856874.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端HTML5&CSS3初学者零基础入门
文章平均质量分 70
Web前端HTML5&CSS3初学者零基础入门
please tell me
在秃头的边缘挣扎
展开
-
HTML 基本知识(补充)
本文是对JSP程序设计实训(三)——HTML基本知识(一)的补充 下面知识符合 HTML5 标准 HTML 常用标签(补充) 一、排版标签 1. div 和 span 标签 div span 是没有语义的,是我们网页布局主要的2个盒子。div 就是 division 的缩写,是分割、分区的意思;span 是跨度、范围的意思。且都是双标签结构。 div 标签:用来布局的,但是现在一行只能有一个 div span 标签:用来布局的,一行可以放好多个 span 标签 定义 <hx&g.原创 2020-05-15 11:43:41 · 407 阅读 · 0 评论 -
Flex 弹性布局
目录 1. 弹性盒简介 2. 弹性盒的样式 3. 弹性元素的样式 4. 像素 第一点: 知识一:弹性盒简介 <!-- flex(弹性盒、伸缩盒) - 是CSS中的又一种布局手段,它主要用来代替浮动来完成页面的布局 - flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改变 - 弹性容器 - 要使用弹性盒,必须先将一个元素设置为弹性容器原创 2021-03-28 18:45:28 · 294 阅读 · 0 评论 -
Less 预处理器
目录 1. 前提知识 2. Less 简介 3. Less 基本语法 知识一:前提知识 变量设置(–*)、var() 、函数计算(calc()) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <转载 2021-03-28 16:52:05 · 159 阅读 · 0 评论 -
Js 面试经典题目合集(持续更新)
问题一:谈谈 cookie 的弊端 cookie在持久保存客户端数据提供了方便,分担了服务器的负担,但还是有很多的局限性:一是cookie数量和长度有限制;二是安全性问题,如果cookie被人拦截了那人就可以获取所有的session信息;三是有些状态不能保存在客户端。 当cookie有极高的扩展性和可用性:一是通过加密和安全传输技术减少cookie被破解的可能;二是只在cookie中存放不敏感数据;三是控制cookie的生命期。 问题二:谈谈浏览器本地存储是怎样的 在较高的浏览器中,js提供了sess原创 2021-02-15 20:50:43 · 288 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第十天(表格与表单)
目录 1. 表格 2. 长表格 3. 表格的样式 4. 表单 知识一:表格的简介 <!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-Compatible"原创 2021-02-08 14:05:47 · 150 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第九天(字体与背景)
目录 1. 相对定位 知识一:相对定位 点击回到顶部原创 2021-02-07 17:45:51 · 170 阅读 · 0 评论 -
网页顶部导航条练习
<!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-Compatible" content="ie=edge"> <title>京东原创 2021-02-06 21:50:26 · 376 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第八天(定位)
目录 1. 相对定位 知识一:相对定位 点击回到顶部原创 2021-02-02 14:15:38 · 162 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第七天(浮动)
目录 1. 浮动的简介 2. 浮动的特点 知识一:浮动的简介 <!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-Compatible" content="i原创 2021-01-21 21:51:42 · 151 阅读 · 0 评论 -
总结练习
目录 1. 练习一 2. 练习二 3. 练习三 练习一 <!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-Compatible" content="ie=e原创 2021-01-21 18:56:58 · 138 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第六天(盒模型)
目录 1. 文档流 2. 盒子模型简介 3. 盒子模型——边框 知识一:文档流 <!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-Compatible" c原创 2021-01-20 17:11:28 · 160 阅读 · 0 评论 -
两个重置浏览器默认样式表
表一: /* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/ License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img,转载 2021-01-20 16:13:35 · 165 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第五天
目录 1. 继承 知识一:继承 点击回到顶部原创 2021-01-20 10:14:04 · 120 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第四天
开始进入CSS的学习 目录 1. css简介 2. css基本语法 知识一: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-UA-Compatibl原创 2021-01-18 16:42:57 · 102 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第三天
目录 1. 列表标签 2. 超链接简介 知识一:列表标签 有序列表、无序列表、定义列表。无序列表使用较多 列表之间可以互相嵌套 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <原创 2021-01-16 17:17:31 · 180 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第二天
目录: 1. 实体(转义字符) 2. meta标签 3. 语义化标签 知识一:实体(转义字符) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实体</title> </head> <body> <!-- 在网页中编写原创 2021-01-16 11:19:42 · 122 阅读 · 0 评论 -
Web前端HTML5&CSS3初学者零基础入门——第一天
知识一:W3C标准 Web标准与W3C标准 知识二:HTML5文档基本结构 <!-- 文档声明,声明当前网页的版本 --> <!doctype html> <!-- html的根标签(元素),网页中的所有内容都要写根元素的里边 --> <html> <!-- head是网页的头部,head中的内容不会在网页中直接出现,主要用来帮助浏览器或搜索引擎来解析网页 --> <head> <!-- meta标签用来设置网页的元数原创 2021-01-14 17:42:54 · 161 阅读 · 0 评论