一篇用于复习HTML和CSS的文章。

已于 2022-03-25 17:26:12 修改
阅读量839 收藏
点赞数 1
文章标签： html css
于 2022-03-25 17:19:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52999613/article/details/123740423
版权

此篇文章是在B站学习尚硅谷JavaWeb2020版时所做的笔记只有HTML+CSS，主要用于复习HTML的一些常用标签和CSS样式。
如果大家要深度学习请点击上方的超链接。

文章目录

1. B/S 软件的结构

JavaSE C/S Client Server

B/S Browser Server

2、前端的开发流程

3、网页的组成部分

页面由三部分内容组成：

​ 分别是内容（结构）、表现、行为。 内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用 html 技术来展示。

​ 表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用 CSS 技术实现。

​ 行为，指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现。

4、HTML

HTML介绍

==HTML：==是一个超文本标记语言。

基础语法：

  • 标签

    • 单标签

      • 无属性<标签名/>
      • 有属性<标签名 属性名=“属性值”/>

    • 双标签

      • 无属性<标签名></标签名>
      • 有属性<标签名 属性名=“属性值”></标签名>

    • 整体结构

      • 表示当前是一个网页
      • 头部信息
      • 身体部分

HTML文件的书写规范：

<!DOCTYPE html>    <!--声明为html5版本-->
<html> 			<!--表示整个 html 页面的开始-->
	<head> 			头信息
		<title>标题</title>    <!--标题-->
	</head>
	<body> 			<!--body 是页面的主体内容-->
		页面主体内容
	</body>
</html> 			<!--表示整个 html 页面的结束-->

标签语法：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>0-标签语法.html</title>
</head>
<body>

	<!-- ①标签不能交叉嵌套 -->
	正确：<div><span>早安，尚硅谷</span></div>
	错误：<div><span>早安，尚硅谷</div></span>
	<hr />

	<!-- ②标签必须正确关闭(闭合) -->
	<!-- i.有文本内容的标签： -->
	正确：<div>早安，尚硅谷</div>
	错误：<div>早安，尚硅谷
	<hr />
	
	<!-- ii.没有文本内容的标签： -->
	正确：<br />1
	错误：<br >2
	<hr />
	
	<!-- ③属性必须有值，属性值必须加引号 -->
	正确：<font color="blue">早安，尚硅谷</font>
	错误：<font color=blue>早安，尚硅谷</font>
	错误：<font color>早安，尚硅谷</font>
	<hr />
		
	<!-- ④注释不能嵌套 -->
	正确：<!-- 注释内容 --> <br/>
	错误：<!-- 注释内容 <!-- 注释内容 -->-->
	<hr />
</body>
</html>

注意：浏览器会尽可能的去修复你书写错误的标签。

常用标签

可使用 wecschool.CHM 文档详细查询html标签的使用方法，设置标签的属性和CSS样式。

1. font字体标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1.font标签.html</title>
</head>
<body>
	<!-- 字体标签
	 需求1：在网页上显示 我是字体标签 ，并修改字体为 宋体，颜色为红色。

	 font标签是字体标签,它可以用来修改文本的字体,颜色,大小(尺寸)
	 	color属性修改颜色
	 	face属性修改字体
	 	size属性修改文本大小
	 -->
	<font color="red" face="宋体" size="7">我是字体标签</font>
</body>
</html>
2. 特殊字符串
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.特殊字符.html</title>
</head>
<body>
	<!-- 特殊字符
	需求1：把 <br> 换行标签 变成文本 转换成字符显示在页面上

	常用的特殊字符:
		<	===>>>>		&lt;
		>   ===>>>>		&gt;
	  空格	===>>>>		&nbsp;

	 -->
	我是&lt;br&gt;标签<br/>
	国哥好&nbsp;帅啊!
</body>
</html>

注意在HTML中如果你连续输入10个空格，那么HTML会去掉其中的9个。如果是使用&nbsp; 才可以在文档中增加空格。

3. 标题标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3.标题标签.html</title>
</head>
<body>
	<!-- 标题标签
	 需求1：演示标题1到 标题6的

	 	h1 - h6 都是标题标签
	 	h1 最大
	 	h6 最小
			align 属性是对齐属性
				left		左对齐(默认)
				center		剧中
				right		右对齐
	 -->
	<h1 align="left">标题1</h1>
	<h2 align="center">标题2</h2>
	<h3 align="right">标题3</h3>
	<h4>标题4</h4>
	<h5>标题5</h5>
	<h6>标题6</h6>
	<h7>标题7</h7>
</body>
</html>
4. 超链接
<!DOCTYPE html>
<html> 
<head>
<meta charset="UTF-8">
<title>4.超链接.html</title>
</head>
<body>
	<!-- a标签是 超链接
	 		href属性设置连接的地址
	 		target属性设置哪个目标进行跳转
	 			_self		表示当前页面(默认值)
	 			_blank		表示打开新页面来进行跳转
	 -->
	<a href="http://localhost:8080">百度</a><br/>
	<a href="http://localhost:8080" target="_self">百度_self</a><br/>
	<a href="http://localhost:8080" target="_blank">百度_blank</a><br/>
</body>
</html>
5. 列表标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--需求1：使用无序，列表方式，把东北F4，赵四，刘能，小沈阳，宋小宝，展示出来
        ul 是无序列表
            type属性可以修改列表项前面的符号
        li  是列表项
    -->
    <ul type="none">
        <li>赵四</li>
        <li>刘能</li>
        <li>小沈阳</li>
        <li>宋小宝</li>
    </ul>
</body>
</html>
6. img标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>5.img标签.html</title>
</head>
<body>
    <!--需求1：使用img标签显示一张美女的照片。并修改宽高，和边框属性

        img标签是图片标签,用来显示图片
            src属性可以设置图片的路径
            width属性设置图片的宽度
            height属性设置图片的高度
            border属性设置图片边框大小
            alt属性设置当指定路径找不到图片时,用来代替显示的文本内容

        在JavaSE中路径也分为相对路径和绝对路径.
            相对路径:从工程名开始算

            绝对路径:盘符:/目录/文件名

        在web中路径分为相对路径和绝对路径两种
            相对路径:
                .           表示当前文件所在的目录
                ..          表示当前文件所在的上一级目录
                文件名      表示当前文件所在目录的文件,相当于 ./文件名            ./ 可以省略

            绝对路径:
                正确格式是:  http://ip:port/工程名/资源路径

                错误格式是:  盘符:/目录/文件名
    -->
    <img src="1.jpg" width="200" height="260" border="1" alt="美女找不到"/>
    <img src="../../2.jpg" width="200" height="260" />
    <img src="../imgs/3.jpg" width="200" height="260" />
    <img src="../imgs/4.jpg" width="200" height="260" />
    <img src="../imgs/5.jpg" width="200" height="260" />
    <img src="../imgs/6.jpg" width="200" height="260" />
</body>
</html>
7.表格标签
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>表格标签</title>
</head>
<body>
<!--
	需求1：做一个 带表头的 ，三行，三列的表格，并显示边框
	需求2：修改表格的宽度，高度，表格的对齐方式，单元格间距。

		table 标签是表格标签
			border 设置表格标签
			width 设置表格宽度
			height 设置表格高度
			align 设置表格相对于页面的对齐方式
			cellspacing 设置单元格间距

		tr	 是行标签
		th	是表头标签
		td  是单元格标签
			align 设置单元格文本对齐方式

		b 是加粗标签

	-->
<table align="center" border="1" width="300" height="300" cellspacing="0">
    <tr>
        <th>1.1</th>
        <th>1.2</th>
        <th>1.3</th>
    </tr>
    <tr>
        <td>2.1</td>
        <td>2.2</td>
        <td>2.3</td>
    </tr>
    <tr>
        <td>3.1</td>
        <td>3.2</td>
        <td>3.3</td>
    </tr>
</table>
</body>
</html>
8. 表格跨行跨列
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>7.表格的跨行跨列</title>
	</head>
	<body>
<!--	需求1：
			新建一个五行，五列的表格，
			第一行，第一列的单元格要跨两列，
			第二行第一列的单元格跨两行，
			第四行第四列的单元格跨两行两列。

			colspan 属性设置跨列
			rowspan 属性设置跨行
			-->

		<table width="500" height="500" cellspacing="0" border="1">
			<tr>
				<td colspan="2">1.1</td>
				<td>1.3</td>
				<td>1.4</td>
				<td>1.5</td>
			</tr>
			<tr>
				<td rowspan="2">2.1</td>
				<td>2.2</td>
				<td>2.3</td>
				<td>2.4</td>
				<td>2.5</td>
			</tr>
			<tr>
				<td>3.2</td>
				<td>3.3</td>
				<td>3.4</td>
				<td>3.5</td>
			</tr>
			<tr>
				<td>4.1</td>
				<td>4.2</td>
				<td>4.3</td>
				<td colspan="2" rowspan="2">4.4</td>
			</tr>
			<tr>
				<td>5.1</td>
				<td>5.2</td>
				<td>5.3</td>
			</tr>
		</table>
	</body>
</html>
9. 了解iframe框架标签（内嵌窗口）

iframe 标签它可以在一个html页面，打开一个小窗口，去加载一个单独的页面。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>8.iframe标签.html</title>
</head>
<body>
	我是一个单独的完整的页面<br/><br/>
    <!--ifarme标签可以在页面上开辟一个小区域显示一个单独的页面
            ifarme和a标签组合使用的步骤:
                1 在iframe标签中使用name属性定义一个名称
                2 在a标签的target属性上设置iframe的name的属性值
    -->
    <iframe src="3.标题标签.html" width="500" height="400" name="abc"></iframe>
    <br/>

    <ul>
        <li><a href="0-标签语法.html" target="abc">0-标签语法.html</a></li>
        <li><a href="1.font标签.html" target="abc">1.font标签.html</a></li>
        <li><a href="2.特殊字符.html" target="abc">2.特殊字符.html</a></li>
    </ul>
</body>
</html>
10.表单标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单的显示</title>
</head>
<body>
<!--需求1:创建一个个人信息注册的表单界面。包含用户名，密码，确认密码。性别（单选），兴趣爱好（多选），国籍（下拉列表）。
隐藏域，自我评价（多行文本域）。重置，提交。-->

    <!--
        form标签就是表单
            input type=text     是文件输入框  value设置默认显示内容
            input type=password 是密码输入框  value设置默认显示内容
            input type=radio    是单选框    name属性可以对其进行分组   checked="checked"表示默认选中
            input type=checkbox 是复选框   checked="checked"表示默认选中
            input type=reset    是重置按钮      value属性修改按钮上的文本
            input type=submit   是提交按钮      value属性修改按钮上的文本
            input type=button   是按钮          value属性修改按钮上的文本
            input type=file     是文件上传域
            input type=hidden   是隐藏域    当我们要发送某些信息，而这些信息，不需要用户参与，就可以使用隐藏域（提交的时候同时发送给服务器）

            select 标签是下拉列表框
            option 标签是下拉列表框中的选项 selected="selected"设置默认选中

            textarea 表示多行文本输入框 （起始标签和结束标签中的内容是默认值）
                rows 属性设置可以显示几行的高度
                cols 属性设置每行可以显示几个字符宽度
    -->
    <form>
        <h1 align="center">用户注册</h1>
        <table align="center">
            <tr>
                <td> 用户名称：</td>
                <td>
                    <input type="text" value="默认值"/>
                </td>
            </tr>
            <tr>
                <td> 用户密码：</td>
                <td><input type="password" value="abc"/></td>
            </tr>
            <tr>
                <td>确认密码：</td>
                <td><input type="password" value="abc"/></td>
            </tr>
             <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex"/>男
                    <input type="radio" name="sex" checked="checked"  />女
                </td>
            </tr>
             <tr>
                <td> 兴趣爱好：</td>
                <td>
                    <input type="checkbox" checked="checked" />Java
                    <input type="checkbox" />JavaScript
                    <input type="checkbox" />C++
                </td>
            </tr>
             <tr>
                <td>国籍：</td>
                <td>
                    <select>
                        <option>--请选择国籍--</option>
                        <option selected="selected">中国</option>
                        <option>美国</option>
                        <option>小日本</option>
                    </select>
                </td>
            </tr>
             <tr>
                <td>自我评价：</td>
                <td><textarea rows="10" cols="20">我才是默认值</textarea></td>
            </tr>
             <tr>
                <td><input type="reset" /></td>
                <td align="center"><input type="submit"/></td>
            </tr>
        </table>
    </form>
</body>
</html>
11. 表单提交的细节
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单的显示</title>
</head>
<body>
    <!--
        form标签是表单标签
            action属性设置提交的服务器地址
            method属性设置提交的方式GET(默认值)或POST

        表单提交的时候，数据没有发送给服务器的三种情况：
            1、表单项没有name属性值
            2、单选、复选（下拉列表中的option标签）都需要添加value属性，以便发送给服务器
            3、表单项不在提交的form标签中

        GET请求的特点是：
            1、浏览器地址栏中的地址是：action属性[+?+请求参数]
                请求参数的格式是：name=value&name=value
            2、不安全
            3、它有数据长度的限制

        POST请求的特点是：
            1、浏览器地址栏中只有action属性值
            2、相对于GET请求要安全
            3、理论上没有数据长度的限制
    -->
    <form action="http://localhost:8080" method="post">
        <input type="hidden" name="action" value="login" />
        <h1 align="center">用户注册</h1>
        <table align="center">
            <tr>
                <td> 用户名称：</td>
                <td>
                    <input type="text" name="username" value="默认值"/>
                </td>
            </tr>
            <tr>
                <td> 用户密码：</td>
                <td><input type="password" name="password" value="abc"/></td>
            </tr>
             <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" value="boy"/>男
                    <input type="radio" name="sex" checked="checked" value="girl" />女
                </td>
            </tr>
             <tr>
                <td> 兴趣爱好：</td>
                <td>
                    <input name="hobby" type="checkbox" checked="checked" value="java"/>Java
                    <input name="hobby" type="checkbox" value="js"/>JavaScript
                    <input name="hobby" type="checkbox" value="cpp"/>C++
                </td>
            </tr>
             <tr>
                <td>国籍：</td>
                <td>
                    <select name="country">
                        <option value="none">--请选择国籍--</option>
                        <option value="cn" selected="selected">中国</option>
                        <option value="usa">美国</option>
                        <option value="jp">小日本</option>
                    </select>
                </td>
            </tr>
             <tr>
                <td>自我评价：</td>
                <td><textarea name="desc" rows="10" cols="20">我才是默认值</textarea></td>
            </tr>
             <tr>
                <td><input type="reset" /></td>
                <td align="center"><input type="submit"/></td>
            </tr>
        </table>
    </form>
</body>
</html>
12. 其他标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>其他标签</title>
</head>
<body>
        <!--需求1：div、span、p标签的演示
            div标签       默认独占一行
            span标签      它的长度是封装数据的长度
            p段落标签     默认会在段落的上方或下方各空出一行来（如果已有就不再空）
        -->
    <div>div标签1</div>
    <div>div标签2</div>
    <span>span标签1</span>
    <span>span标签2</span>
    <p>p段落标签1</p>
    <p>p段落标签2</p>
</body>
</html>

5、CSS

1. CSS标签介绍

CSS是层叠样式表单。是用用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

CSS语法规则：

image-20220325094635491

  1. **选择器 **可以决定哪些标签受CSS样式的影响。
  2. 属性 是你要改变的样式名，并且每个属性都有一个值。
  3. 多个声明 需要用冒号分开。

一般每行只描述一个属性。

2. CSS和HTML的结合方式

**第一种：**在标签的 style 属性上设置"key:value;"，修改标签样式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--需求 1：分别定义两个 div、span 标签，分别修改每个 div 标签的样式为：边框 1 个像素，实线，红色。-->
    <div style="border: 1px solid red">div标签</div>
    <div style="border: 1px solid red">div标签</div>
    <span style="border: 1px solid red">span标签</span>
    <span style="border: 1px solid red">span标签</span>
</body>
</html>

这种方式有什么缺点？

  1. 如果标签多了。样式多了。代码量非常庞大。
  2. 可读性低。
  3. 没有复用性

**第二种：**在head标签中，使用style标签来定义各种自己需要的css样式。

格式如下：

xxx {
key : value value;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /*需求1：分别定义两个div、span标签，分别修改每个div标签的样式为：边框1个像素，实线，红色*/
    div{
        border: red 1px solid;
    }
    span{
        border: red 1px solid;
    }

  </style>
</head>
<body>
    <div>div标签1</div>
    <div>div标签2</div>

    <span>span标签1</span>
    <span>span标签2</span>
</body>
</html>

这种方式有什么缺点？

  1. 只能在同一页面内复用代码，不能在多个页面中复用css代码。
  2. 维护起来不方便，实际项目中会有成千上万的页面，要到每个页面中去修改。工作量太大了。

**第三种：**把 css 样式写成一个单独的 css 文件，再通过 link 标签引入即可复用。

使用 html 的 <link rel="stylesheet" type="text/css" href="./styles.css"> 标签 导入 css 样 式文件。

3.CSS选择器

1. 标签名选择器

标签名选择器的格式是：

标签名{
	属性: 值;
}

标签名选择器，可以决定哪些标签被动的使用这个样式。

2. id选择器

id选择器的格式是：

#id 属性值{
	属性: 值;
}

id 选择器，可以让我们通过id属性选择性的去使用这个样式。

3. class类型选择器

class类型选择器的格式：

.class 属性值{
	属性: 值;
}

class类型选择器，可以通过class属性有效的选择性地去使用这个样式。

4. 组合选择器

组合选择器的格式：

选择器1, 选择器2, 选择器n{
	属性: 值;
}

组合选择器可以让多个选择器共用一个CSS代码。

4.常用样式

1、字体颜色

==color：red；==

颜色可以写颜色名如：black, blue, red, green 等

颜色也可以写 rgb 值和十六进制表示值：如 rgb(255,0,0)，#00F6DE，如果写十六进制值必 须加#

2、宽度

​ width:19px;

宽度可以写像素值：19px;

也可以写百分比值：20%;

3、高度

​ height:20px;

高度可以写像素值：19px;

也可以写百分比值：20%;

4、背颜色

​ backgroud-color:#0F2D4C

5、字体样式：

​ color：#FF0000; 字体颜色红色

​ font-size：20px; 字体大小

6、红色 1 像素实线边框

​ border: 1px solid red;

7、DIV居中

​ margin-left: auto;

​ margin-right: auto;

8、文本居中

​ text-align: center;

9、超链接去下划线

​ text-decoration: none;

10、表格细线

table {
	border:1px solid black;		/* 设置边框*/
    border-collapse:collapse;	/*将边框合并*/
}
td,th {
    border:1px solid black;		/*设置边框*/
}

11、列表去除修饰

ul {
    list-style: none;
}
@小九九
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
第六篇：复习CSS
2302_76696304的博客
02-23 720
写本文主要是为了分享我的学习过程，也是给自己记个笔记，哪里忘记了，回来再看一眼，也可以很快的回想起来
这是一篇分析html css js网页设计的文章
05-28
html css js网页设计
一篇文章快速复习flex属性与用法
行星飞行的博客
07-20 131
谈到flex布局，我不知道有多少人跟我一样，在本能的想到与两条属性之后，除此之外的其它属性居然显得格外陌生。可以说包括我在内的大部分人，都是在被flex垂直水平居中方式所惊艳后才对其有所了解，以至于在日常开发中对于flex的使用，也确实更偏向于元素对齐方式的使用。对我而言，flex布局不应该局限于对齐方式的使用，熟练掌握它对于页面布局也是有较大好处的，所以这篇文章主要是偏向于flex属性笔记式记录，那么本文开始。...
html加css布局结构,html、css基础复习之布局结构篇
weixin_35521169的博客
06-20 212
所谓“设计一根线，重构一身汗”，掌握好css基础对于提高UI开发效率，提升代码质量有很大的作用。本文由我大熊主播给大家分享一下css中布局方面的基础。不需要游艇火箭，假如看完后有收获的话就点个赞点个收藏便是极好的。本文的目录如下，采取的是由大到小的层面去分享：1.css定位布局2.css弹性布局3.css盒子模型4.css BFC另预报一下，css动画与即抄即可使用的css常用样式会在下篇中分享，...
Html 和 Css
m0_57391092的博客
06-09 126
html和css基础复习巩固
html和css的全盘复习
weixin_45428313的博客
10-03 688
html的基础知识 基本框架 基本框架 body标签在里面设置网页的框架标签和内容 style为html的样式进行修饰和改变 结构性标签 1 section 标签对网页内容分区分块 2 article 为特殊的section标签 代表一个完整的相关内容块 用于定义一篇文章 3 nav 标签代表页面的一个部分 标签用于定义页面主导航功能。 4 aside 标签定义侧边栏，通常是网页的说明、提示、引用、附加注释、相关链接、广告等内容 5header 标签 标签用于定义文档的页眉（介绍信息）
# 初识HTML与CSS（复习自用）
qq_52705148的博客
07-18 86
初始HTML和CSSS
已经更CSS《一篇文章让你从HTML零基础入门前端开发》12.22
qq_62283694的博客
12-22 112
已经更CSS《一篇文章让你从HTML零基础入门前端开发》12.22
HTML及CSS基础入门：web前端基础，看这一篇就够了
qq_55092103的博客
04-27 1431
写在开头：这是一篇有关于HTTP和CSS的基础入门教程。你也可以将他当作一本字典，因为我将所有可能用到的语法结构全部设置了标题，你只需要点击标题即可跳转过去。同时，我在最后放置了两个CSS实战，以供读者练习使用。这是一篇十分值得收藏的web前端基础文章，希望对看到的读者有所帮助。 web入门HTTP基础HTML文本标签1.块标签和内联标签2.标题标签3.段落标签4.内联标签`<strong>`5.内联标签`<span>`6.图片标签img插入动图7.连接标签8.列表HTML表单标签1
【第二部分 | CSS】8：一篇文章了解 CSS3新特性
m0_57265007的博客
10-06 689
CSS第8篇文章：一篇文章了解CSS3的所有新特性
前端基础复习，仿写（静态）小米商城网站的主页，用于复习html，css.zip
12-14
基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于...
HTML5和CSS3期末课程设计
06-10
利用HTML5和CSS3写期末课程设计（稳过的那种）
实战HTML5与CSS3上篇
01-30
实战HTML5与CSS3上篇
实战HTML5与CSS3下篇
01-30
实战HTML5与CSS3下篇
html前端怎么赚钱：探索多元盈利途径
最新发布
asdgftv_niiy的博客
06-02 253
综上所述，HTML前端赚钱的途径多种多样，从基础技能的提升到自由职业、教育与培训以及创业与产品开发等各个方面都有机会实现盈利。在与客户沟通时，要清晰地表达自己的能力和项目需求，以确保项目的顺利进行。此外，远程工作还允许你灵活地安排自己的时间和工作地点，实现工作与生活的平衡。在制定课程大纲时，要考虑到不同学员的需求和水平，确保课程内容的实用性和针对性。同时，你还需要关注市场动态和竞争对手的情况，不断调整和优化自己的产品策略。通过不断提升自己的技能，你可以承接更多复杂的项目，从而获得更高的收益。
HTML中Canvas关键知识点总结
2301_79858914的博客
06-02 606
Canvas 提供了一套强大的 2D 绘图 API，适用于各种图形绘制、图像处理和动画制作。掌握 Canvas 的基础操作、路径绘制、变换操作、状态管理和性能优化等知识，可以帮助你创建复杂且高效的网页图形应用。通过以上详细的讲解，希望能让你对 Canvas 有更全面的理解，并能够应用这些知识点进行实际开发。
vue项目中markdown显示为html
MISS_zhang_0110的博客
05-27 290
【代码】vue项目中markdown显示为html。
HTML静态网页成品作业(HTML+CSS)——企业装饰公司介绍网页(4个页面)
weixin_42283461的博客
05-30 429
HTML静态网页成品作业(HTML+CSS)——企业装饰公司介绍网页(4个页面)
html和css复习资料
09-20
1. W3Schools：W3Schools是一个非常受欢迎的在线学习平台，提供了关于HTML和CSS的详细教程和示例代码。你可以通过它来学习基本的HTML标签、CSS选择器和样式属性等内容。网站链接：www.w3schools.com 2. MDN Web文档...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@小九九

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值