随笔档案「2020年5月」 - singleSpace

幕客前端基础入门-CSS背景和列表

摘要：1.CSS背景和列表 background-color：设置元素的背景颜色 background-image：把图像设置为背景 background-position：设置背景图像的起始位置 background-attachment：背景图像是否固定或者随着页面的其余部分滚动 background 阅读全文

posted @ 2020-05-28 23:17 singleSpace 阅读(250) 评论(0) 推荐(0)

幕客前端基础入门-盒子模型

摘要：1. 内容宽度的宽和高 width长度值|百分比|auto 百分比是针对父元素的宽度值进行设置，auto默认整行宽度 <style type="text/css"> .one{ width:300px; background-color: #ececec; } </style> min-width最阅读全文

posted @ 2020-05-27 21:19 singleSpace 阅读(203) 评论(0) 推荐(0)

幕客前端基础入门-css文本样式

摘要：网页中内容元素主要有文字、图片、视频所构成。作为主要内容之一的文字，我们如何设置网页中文字的展示效果，让网页更加美观，让读者对网页的信息更加关注和易于阅读，这就是需要使用css字体和文本样式属性进行文字的样式设置。网页中有独立的的文字，也有成段的文字段落。针对文字内容，如何使用css样式去设置阅读全文

posted @ 2020-05-24 18:56 singleSpace 阅读(324) 评论(0) 推荐(0)

幕客前端基础入门-css选择的艺术

摘要：1. CSS简介 CSS：Cascading Style Sheets层叠样式表，用来定义html内容在浏览器内的显示样式。为什么学习css？在html中通过标签属性也可以设置背景颜色、文字样式，但这样会导致网页的容量会很大，所以css为我们带来了以下的优势 1.css简化html相关标签，网页阅读全文

posted @ 2020-05-19 21:02 singleSpace 阅读(203) 评论(0) 推荐(0)

幕客前端基础入门-搭建网页结构

摘要：1.块级标签与行内标签由于表格代码不便于维护，且不够灵活。所以网页布局一般是div+css div标签：是一个区块容器标签。<div></div>之间是一个容器，可以包含段落、表格、图片等各种html元素。 span标签：没有任何意义，为了应用样式。 <p>使用div标签</p> <div><im 阅读全文

posted @ 2020-05-14 10:47 singleSpace 阅读(171) 评论(0) 推荐(0)

幕客前端基础入门-html表单

摘要：1. 表单应用场景、原理表单应用场景：登录、注册表单的功能：用来收集用户输入的信息，并传递服务器，实现用户和服务器的交互。 2. 表单使用表单的所有元素要放在标签之间，当提交时，它会把form标签内的元素搜集起来提交给服务器。  <form>表单元素</form> fo 阅读全文

posted @ 2020-05-11 20:24 singleSpace 阅读(270) 评论(0) 推荐(0)

幕客前端基础入门-html表格

摘要：1.表格的结构 2.带表头的表格 3.带标题的表格 4.带结构的表格浏览器在解析html时，表格是作为一个整体来解析的。整个表格解析完之后，才会被显示出来。如果表格很复杂很长，表格需要的加载时间很长，会导致用户体验不好。所以使用表格结构标签来优化展示，让它加载一部分就显示一部分。不用等整个表格加载阅读全文

posted @ 2020-05-09 13:19 singleSpace 阅读(278) 评论(0) 推荐(0)

幕客前端基础入门-html基础

摘要：1.html基本结构 <!DOCTYPE HTML> <html> <head></head> <body> </body> </html> 2 标签语法：<标签名></标签名> 如： <htm 阅读全文

posted @ 2020-05-07 13:14 singleSpace 阅读(203) 评论(0) 推荐(0)