前端
知、更
这个作者很懒,什么都没留下…
展开
-
HTML学习笔记一
什么是HTMLHTML名为超文本标记语言(英语:HyperText Markup Language,简称:HTML),是一种用于创建网页的标准标记语言。HTML的标准文档结构<!-- ->之间是注释内容<!DOCTYPE html> <!--告知浏览器要处理的内容为HTML--><html lang="en"> <!--文档中...原创 2019-08-03 10:31:54 · 174 阅读 · 0 评论 -
HTML学习笔记二
HTML基本元素(初步)<!--定义HTML标题--> h1-h6<h1>测试</h1><!--定义段落--><p>测试</p><!--超链接--><a href="demo01.html">测试</a><!--粗体--><b>测试</b&...原创 2019-08-04 22:56:58 · 111 阅读 · 0 评论 -
HTML学习笔记三
HTML的表单元素主要是表单元素的标签和属性:文本域(单行和多行)密码域复选框单选按钮下拉列表按钮图片按钮上传文件按钮<input type="text"> <!--text为单行文本框,input默认text--> <br><br> <input type="text" value="测试"> &...原创 2019-08-05 22:07:39 · 91 阅读 · 0 评论 -
CSS学习笔记一
什么是CSSCSS 指层叠样式表(Cascading Style Sheets)。用于表现HTML的语言创建CSS的三种方法使用元素内嵌样式表 - <a style = " "></a>使用文件内嵌样式表,需要写在head中<style type="text/css">a{.....}</style>使用外部样式表...原创 2019-08-06 22:21:22 · 102 阅读 · 0 评论 -
HTML学习笔记四
HTML的meta标签基本属性:charset设置网页默认字符集<meta charset="UTF-8">name<!-- 通过meta标签设置网页关键字--> <meta name="keywords" content="HTML5,前端"><!-- 设置网页描述--> <meta name...原创 2019-08-09 21:56:51 · 239 阅读 · 0 评论 -
CSS学习笔记四
flex布局CSS3弹性盒子(Flexible Box 或Flexbox),是一种用于在页面上布置元素的布局模式,使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备是,元素可以预测的运行行/列。对于许多应用程序,弹性盒子模型提供了对块模型的改进,因为它不使用浮动,flex容器的边缘也不会与其内容的边缘折叠。弹性盒模型分为老版和新版:老版本我们通常称之为box新版本我们通常称之为flex...原创 2019-08-14 22:29:52 · 99 阅读 · 0 评论 -
CSS学习笔记二
CSS盒子模型在学习笔记一的时候只是初略的看了一下盒子模型是什么。然后这次是对盒子模型更加的了解border 边框margin 外边框padding 内边框content 内容通过文档查询他们的简写以及属性的引用,以及内联元素的盒子模型W3school还有一些杂杂碎碎的知识对文档流有一定认识display修改元素的类型(不占位)可选值:inline:可将一个...原创 2019-08-10 22:25:24 · 103 阅读 · 0 评论 -
CSS学习笔记三
浮动可以用float来实现元素的浮动,即是元素脱离文档流。float可选值:none 默认在文档流中排列left 元素脱离文档流,向页面左侧浮动right 元素脱离文档流,向页面右侧浮动需要注意的是,浮动元素不会超过上边的兄弟元素,最多一边齐。最重要的是注意浮动引起的高度塌陷。高度塌陷问题的解决方法:开启隐藏属性BFC(Block Formatting Context)使用...原创 2019-08-11 22:04:23 · 100 阅读 · 0 评论 -
JavaScript学习笔记一
什么是JavaScriptJavaScript 是属于 HTML 和 Web 的编程语言,简称JS;JavaScript是weib开发者必学的三种语言之一:HTML定义网页内容CSS规定网页布局JavaScript对网页行为进行编程JavaScript编写位置JavaScript需要写在script标签之间<script type="text/javascript">...原创 2019-08-16 11:30:15 · 79 阅读 · 0 评论