- 博客(22)
- 收藏
- 关注
RSS订阅原创 CSS基础学习（7）——复合选择器（2）
并集选择器：并集选择器可以选择多组标签，同时为他们定义相同的样式。通常用于集体声明。元素1, 元素2（样式声明）不同元素之间使用英文逗号隔开。并集选择器中可以使用任何形式的选择器。伪类选择器：伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或者选择第一个、第n个元素。伪类选择器类型有很多，如链接伪类、结构伪类等。伪类选择器前面加英文冒号表示。链接伪类选择器：a:link /* 选择所有未被访问的链接 */a:vis...
2022-05-26 21:37:06
156
原创 CSS基础学习（7）——复合选择器
复合选择器：在CSS中，可以根据选择器的类型吧选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器智商，对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素（标签）。复合选择器是有两个或多个基础选择器，通过不同的方式组合而成的。乘用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等。后代选择器：后代选择器又称为包含选择器，可以选择父元素里面的子元素，器械发是吧外层标签写在前面，内层标签写在后面，中间用空格分隔，当标签发生嵌套时，内层标签就
2022-05-17 22:10:46
373
原创 Emmet语法学习
1.快速生成HTML结构语法1）生成标签，可直接输入标签名后按tab键。div<div></div>2)在标签后乘一个数字n即可生成n个该标签。div*3<div></div><div></div><div></div>3）>可以快速生成有父子关系嵌套的标签。ul>li <ul> <li></li..
2022-05-15 22:53:06
160
原创 CSS基础学习（6）
今日总结前几日css基础部分，复习与巩固的同时仿照写出一个网站。文本图片来源于某天气新闻<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
2022-05-13 22:26:22
240
原创 CSS基础学习（5）
CSS的三种样式表：按照CSS样式书写的位置（或引入方式），CSS样式表可以分为行内样式表（行内式）、内部样式表（嵌入式）、外部样式表（链接式）。行内样式表：行内样式表是在原色标签内部的style属性中设定CSS样式。适合于修改简单样式。<div style="color: red; font-size: 12px;">好好学习，天天向上。</div>可以控制当前的标签设置样式。由于书写繁琐，没有体现出结构与样式相分离的思想，所以不推荐大量使用，只有对当前
2022-05-12 23:09:44
168
原创 CSS基础学习（3）
CSS Fonts（字体）属性用于定义字体系列、大小、粗细和文字样式。CSS使用font-family属性定义文本的字体系列。p { font-family: '微软雅黑';}各个字体之间必须使用英文状态下的逗号隔开。一般情况下，如果有空格隔开的多个单词组成的字体，需要加引号。尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示。如果规定了多个字体，从左到右依次使用，如果最左边的字体在用户电脑上未安装则使用左边第二个，以此类推。CSS使用font-size属性定义文
2022-05-09 23:57:38
147
原创 CSS基础学习（2）
选择器分类：选择器分为基础选择器和复合选择器两个大类基础选择器：基础选择器包括：标签选择器、类选择器、id选择器和通配符选择器。标签选择器：标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。基本语法：标签名 { 属性1: 属性值1;属性2: 属性值2;属性3: 属性值3;}优点：能快速为页面中同类型的标签统一设置样式。缺点：不能设计差异化样式，只能选择全部的...
2022-05-08 18:49:49
236
原创 CSS基础学习（1）
CSS——网页的美容师CSS是层叠样式表（Cascading Style Sheets）的简称，也可以称为CSS样式表或级联样式表。CSS也是一种标记语言。CSS主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS让我们的网页更加丰富多彩，布局更加灵活自如。CSS可以美化HTML，让HTML更漂亮，让页面布局更简单。CSS语法规范：CSS规则由两个主要部分构成：选择器以及一条或多条声明。
2022-05-07 22:05:38
250
原创 HTML基础学习（10）
表格与表单的学习已经基本完成了为了巩固与练习所学内容，编写了一个综合案例，为相亲平台注册页面把表单写进表格不是格式所需，仅是为了综合练习<table width="600"> <!-- 第一行 性别 --> <tr> <td>性别：</td> <td> <input type="radio" name=
2022-05-06 23:17:39
158
原创 HTML基础学习——表单（9.3）
input表单元素：submit：<!-- submit是提交按钮，可以把表单域中表单元素的值提交给后台服务器 默认显示为提交 可以通过value值来更改显示内容 --><input type="submit" value="免费注册">reset：<!-- reset是重置按钮 可以还原表单元素的初始默认状态 --><input type="reset" value="重新填写">button：<!-- button是
2022-05-04 23:12:13
410
原创 HTML基础学习——表单（9.2）
input表单元素：除type属性之外，<input>标签还有许多其他属性，其中常用属性如下：属性 属性值 描述 name 由用户自定义 定义input元素的名称 value 由用户自定义 规定input元素的值 cheked checked 规定此input元素首次加载时应当被选中 maxlength 正整数 规定输入字段中的字符最大长度 text：<!-- text是文本框 可以输入任何文本
2022-05-03 22:57:08
473
原创 HTML基础学习——表单（9.1）
表单标签：作用：使用表单的目的是为了收集用户信息。组成：在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息3各部分构成。表单域：一个包含表单元素的区域，使用<form></form>标签来定义。<form action="url地址" method="提交方式" name="表单域名称"> 各种表单元素控件</form>作用：实现用户信息的收集和传递。...
2022-05-02 22:10:06
597
原创 HTML基础学习（8）
列表标签：列表是用来布局页面的，区分于表格，是用来显示数据的，列表最大的特点就是整齐、整洁、有序，用列表标签来布局会更加的自由和方便。分类：根据使用场景的不同，列表可以分为无序列表、有序列表和自定义列表。无序列表（重点）：<ul></ul>是无序列表标签，表示页面中使用无序列表，列表项使用<li></li>标签来定义无序列表基本语法格式为：<ul> <li>列表项1</li...
2022-05-01 17:46:27
267
原创 HTML基础学习（7）
表格结构标签：<thead></thead>、<tbody></tbody>为表格结构标签 作用：有些表格可能内容很多，为了更好的表示表格语义，可以将表格分割成头部和表格主题两大部分g
2022-04-30 21:34:23
346
原创 HTML基础学习（6-2）
对于昨天的学习进行实战操作，写了一份《小说排行榜》的网页表格（其中数据为虚构，链接为空链接只是为了显示网络格式）附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
2022-04-29 21:26:44
217
原创 HTML基础学习（6）
表格标签：作用：表格主要用于显示、展示数据，它可以让数据显示的非常规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得十分重要，一个清爽简约的表格能够把繁杂的数据表现得井井有条。表格的基本标签：<table></table>：用于定义表格标签<tr></tr>：用于定义表格中的行，必须嵌套在<table></table>标签中<td...
2022-04-28 21:33:20
443
原创 HTML基础学习（5）
今日总结前几日所学写出第一个实战网页，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF一8"> <meta http一equiv="X一UA一Compatible" content="IE=edge"> <meta name="viewport" content="width=device一width, initial一scal...
2022-04-27 21:02:23
266
原创 HTML基础学习（4）
常用标签（3）：超链接标签：<a href="跳转目标" target="目标窗口弹出方式">文本或图像</a>为超链接标签，用来给图片或文本插入超链接。属性：href 作用：用于指定链接目标的url地址，当标签应用href属性时，就具有了超链接功能（该属性为必须属性） target 作用：用于指定链接页面的打开方式，其中_self为默认值,_blank为在新...
2022-04-26 20:58:52
497
原创 HTML基础学习（3）
常用标签（2）：文本格式化标签：1）加粗标签：<strong></strong>或者<b></b> 使文字加粗显示2）倾斜标签：<em></em>或者<i></i> 使文字倾斜显示3）删除线标签：<del></del>或者<s></s> 使文字中间增加一条删除线...
2022-04-25 20:51:43
330
原创 HTML基础学习（2）
1）开发工具：根据学习课程指导使用VS Code进行开发，从官网下载VS Code之后安装部分插件方便后续的使用和学习。实用插件:Chinese(Simplified)Language Pack for VS Code 汉化VS CodeOpen in Browser 右键单击可直接选择浏览器打开html文件Auto Rename Tag 自动重命名配对...
2022-04-25 16:56:33
91
原创 HTML基础学习（1）
小概念：Web标准的构成结构（structure）、表现（presentation）、行为（behavior）简单理解：将结构写到html文件中，将表现写到CSS文件中，将行为写到JS文件中。HTML标签：<html></html><head></head><title></title><body></body>基本格式：<html><...
2022-04-24 16:28:32
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人