CSS 定位
2022-06-18
阅读 1 分钟
609我们常在网页中看到某个盒子固定在屏幕的某个位置，这种效果用标准流和浮动都无法实现，需要用到的一种布局方式是定位。定位可以让盒子自由的在某个盒子内移动位置或者固定在屏幕中的某个位置，并且可以压住其他盒子。1、定位组成定位 = 定位模式 + 边偏移。定位模式 决定元素的定位方式，它通过 CSS 的 position 属性来...
CSS 三大特性 —— 层叠性、继承性、优先级
2022-06-12
阅读 2 分钟
6881、层叠性相同选择器给元素设置相同的样式，此时一个样式会 覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突问题。 {代码...} 最终文字颜色显示为绿色。层叠性遵循的原则是就近原则，也就是哪个离结构近，哪个样式就会生效。（简单说后写的样式会覆盖前面写的）在覆盖样式时，不冲突的属性不会被覆盖，比如上面的...
CSS 的三种引入方式
2022-06-11
阅读 1 分钟
830按照 CSS 样式的引入方式，可以分为三大类：行内式、嵌入式、链接式。1、行内式 —— 行内样式表行内样式表是在元素标签内部的 style 属性中设定 CSS 样式，适用于修改简单样式。 {代码...} 说明：属性要写在双引号之间，并且符合 CSS 规范只可以控制当前标签的样式样式与结构没有分离，不推荐大量使用2、嵌入式 —— 内部样...
CSS 设置文本属性
2022-06-11
阅读 1 分钟
7561、文本颜色color 属性用于定义文本的颜色。 {代码...} 2、文本对齐方式text-align 属性用于设置元素内文本内容的水平对齐方式。 {代码...} 3、装饰文本text-decoration 属性可以给文本添加下划线、删除线、上划线等。 {代码...} 4、文本缩进text-intend 属性用来指定文本第一行的缩进，比如段落的缩进。 {代码...} em ...
用 CSS 设置字体样式
2022-06-01
阅读 1 分钟
1.5kCSS Fonts 属性用于设置字体系列、大小、粗细和文字样式。1、字体系列 —— font-family {代码...} 要点：各种字体之间必须用逗号隔开如果一种字体是有空格隔开的多个单词组成，加引号，如 'Microsoft YaHei'尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示font-family 中设置多个字体，浏览器会按顺序看...
HTML标签 之 表单
2022-05-29
阅读 2 分钟
953在网页中，在我们需要收集用户信息的时候，就会用到表单。比如注册账号时有时候需要用户的名字、性别、出生日期、电话、邮箱等，就可以用表单来处理。
HTML标签 之 列表标签
2022-05-27
阅读 1 分钟
856列表标签经常用于布局中，整洁、有序。列表分为无序列表、有序列表和自定义列表三类。一、无序列表<ul> 标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，列表项用 <li> 标签来定义。 {代码...} 展示效果如下：苹果香蕉梨说明：1、无序列表的各个列表项之间没有顺序级别之分，是并列的。2...
HTML标签 之 表格标签
2022-05-27
阅读 3 分钟
7341、<table> </table> 是用于定义表格的标签。2、<tr> </tr> 是表格中的行，必须嵌套在 <table> </table> 标签中。3、<td> </td> 是表格中的单元格，td 是 table data 的缩写，意为单元格内容，它必须嵌套在 <tr> </tr> 标签中。单元格中可以放任何内容，文...
HTML 标签 之 链接标签
2022-05-24
阅读 1 分钟
719在 HTML 标签中，<a> 标签用于定义超链接，点击超链接可以从一个页面跳转到另一个页面。 {代码...} 效果如下：点击进入我的主页^_^a 是 anchor 的缩写，意为：锚。href 属性用于指定要跳转到的页面的 url，是必需属性。当为标签应用 href 属性时，它就有了超链接的功能。target 属性用于指定链接页面的打开方式，...
HTML标签 之 img 路径
2022-05-22
阅读 1 分钟
1.6k在网页开发中，我们通常会用到很多的图片等素材，如果把所有文件都放在一个目录下会相当混乱，一般我们会创建一个专门放资源文件的文件夹。但我们在 html 中引用素材时，就要注意素材的路径了。路径可以分为相对路径和绝对路径。相对路径相对路径以引用文件所在位置为参考。假如我们要添加一个 <img> 标签，那相对...
HTML 标签 之 常用标签
2022-05-22
阅读 2 分钟
1.1kHTML标签是由<>包围的关键词，例如 <html> <div> <br/> 等，HTML标签通常是成对出现的，比如 <html> 和 </html>、<div> 和 </div>，当然也有特立独行的单标签，比如 <br/>。双标签就和括号一样，第一个代表着开始，第二个含 “/” 的代表着结束，中间是内容。
- 1
- 2(current)