Web前端开发笔记——第三章 CSS语言 第五节 盒子模型
一、CSS布局与定位在CSS中对一个网页进行布局与定位，首先通过盒子模型，即页面元素的大小、边框、各元素之间的间距将布局进行设计元素，然后通过定位，即文档流、浮动定位、层定位来决定盒子模型的位置，且盒子是可以嵌套的。二、盒子模型简单的来说盒子模型它可以是一个区域、图片、列表、导航栏等等，都可以称作盒子，即HTML元素都可以称作为盒子。可以通过下图来简单了解一下盒子模型，以下是一个网页页面当按下F....
Web前端开发笔记——第三章 CSS语言 第四节 CSS列表、表格样式
一、CSS列表样式在之前的HTML标签中介绍了列表的创建，第二章 HTML语言 第六节 区域标签、列表标签，可以对有序列表、无序列表进行进一步的CSS样式设计，如下：list-style-image用于对每个列表项设置图片；list-style-type用于设计列表项前标志的类型；list-style-position用于设计列表项前标志位置；list-style用于设计整个列表的属性；（一）设....
Web前端开发笔记——第三章 CSS语言 第三节 文本、字体、背景、超链接样式属性
一、CSS文本属性以下是一些常用的文本属性，比如设置文本颜色、行高、字号等等。color用于描述文本的颜色，后跟颜色；letter-spacing用于描述字符间距，后跟px；line-height用于描述行高，后跟px、em或百分比；text-align用于描述文本的对齐，后跟center、left、right、justify；text-indent用于描述文本的首行缩进，后跟em；text-d....
Web前端开发笔记——第三章 CSS语言 第二节 CSS选择器
前言CSS代码由选择器和一条或多条声明组成的，选择器是需要改变样式的 HTML标签，在CSS中由分号隔开每条代码为声明，且声明是以大括号{}括起来的。之前我们阐述了CSS的基本概念，其中选择器是需要改变样式的 HTML标签，然而选择器分为三种：标签选择器、id选择器、class选择器，它们的作用都是设置CSS样式。一、CSS选择器（一）标签选择器标签选择器对HTML中的标签设计样式。例如，下列h....
Web前端开发笔记——第三章 CSS语言 第一节 CSS的基本概念和样式表
一、CSS和HTMLCSS，又称为层叠样式表，HTML标签定义网页的内容和结构，而CSS定义内容的样式。通过CSS定义样式，而不会改变网页的内容和结构。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。二、CSS的基本语法格式CSS代码由选择器和一条或多条声明组成的，选择器是需要改变样式的 HTML 标签，在CSS中由分号隔开每....
Web前端开发笔记——第二章 HTML语言 第十一节 语义标签
一、语义标签的定义之前有阐述过Web语义化的知识：这里还要了解Web语义化的知识，Web语义化指使页面有更好的结构与含义，使开发者、计算机都能快速理解网页的内容。<em></em>标签也叫强调标签<strong></strong>也叫重点强调标签来对文本进行标识，本质上看起来和i标签b标签和是一样的，只不过em标签和strong标签是有语义的，它们....
Web前端开发笔记——第二章 HTML语言 第十节 画布标签、音视频标签
一、画布标签<canvas> </canvas> 画布标签用于图形、字符等的绘制，它不能直接地绘制图形，要通过脚本即JavaScript来完成，这里不对具体脚本阐述，只介绍该标签的用法。通过指定id=""属性 ，用于在脚本中引用，而通过定义 width=""和 height=""属性来规定该画布的大小.，即宽度和高，如下：<canvas id="" width=""....
Web前端开发笔记——第二章 HTML语言 第九节 框架标签、脚本标签
一、框架标签（一）显示目标页面<iframe></iframe>标签表示框架标签，使用该标签可以当前窗口中显示更多的页面，其中src属性代表指向网页的URL，name属性表示框架标签的名称。简单的来说，每个HTML文件都是一个框架，且每个框架都是独立的。<iframe src="URL" name=""></iframe>例如，在vscode中下列....
Web前端开发笔记——第二章 HTML语言 第八节 表单标签
一、表单的定义表单用于收集用户的输入信息，它是一个区域，在这个区域里添加表单元素即可收集用户的信息，表单元素可以是文本、单选框、复选框、按钮、下拉菜单等等。比如下面的qq登录页面，它就是一个表单：表单用<form></form>标签表示，它有个重要的属性为action属性，action后跟数据处理网页的URL，表示收集用户的数据交由该页面进行处理，它表示为<form....
Web前端开发笔记——第二章 HTML语言 第七节 表格标签
一、表格标签的定义在html中，表格标签表示为<table></table>，其中的每行用<tr></tr>标签表示，在表格中的每一行都由若干个单元格组成，表示为<td><td>，它代表该单元格的数据，可以为文本、图片、列表等等，且可以在其中嵌套表格。例如，在HBuilder X中，下列html代码，设定一个三行四列的表格：....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
产品推荐
阿里UC研发效能
分享研发效能领域相关优秀实践，技术分享，产品信息
+关注