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代码,设定一个三行四列的表格:....
Web前端开发笔记——第二章 HTML语言 第六节 区域标签、列表标签
一、区域标签(一)div标签的定义div标签是成对使用的,可将元素即将一些内容组合在一起形成一个区域,例如下列导航栏、分栏、广告都是一个个区域。可以这样说,div标签常用于组合块级元素,方便在后续通过 CSS 语言来对其格式化,且区域可以叠加。<div></div>在解析html文件时,浏览器会默认在 div 标签的前后进行一个换行处理。(二)div标签的属性这里主要介绍....
Web前端开发笔记——第二章 HTML语言 第五节 图像标签
前言本节介绍图像标签即img标签的用法以及相关应用例题。一、图像标签的属性(一)src属性和alt属性img标签,即图像标签,该标签用于插入图像,动态图和静态图是一样的,它表示为<img src="图像名.图像类型" alt="文本" />,是个单独出现的标签。它一般有两个属性:src属性和alt属性。src属性代表其文件名和类型,即其值是图像的 URL 地址。而alt属性的作用是当....
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
前端更多笔记相关
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
+关注