3月26日笔记

一、文字排版：
1.文字变色
< 1在<>中添加属性：style="color:颜色"
< 2行内样式:

点击查看代码

<style type='text/css'>
			标记{
				color:red;
				
			
			}
			
			
		</style>

标记：定义一次引用无数次，如果标记前加“.”,例：<a class="a"

< 3行外样式：导入css文件

去除小圆点变成其他图标的方法：
引用语句：list-style-image:url(xx.png)
前提是要把图文件保存在HBuilder中的img文件夹中
有序：ul,ol
无序：ul,li

二、插入图片

Tips

1.图片一定要放到项目里的img文件夹下

2.图片的格式选择原则：在保证成像质量的情况下，文件大小越小越好

常见的图片格式有：jpeg、gif和png

最新的2种：svg、webp

gif：支持动画显示

png：支持透明背景

jpeg或jpg：颜色丰富

插入图片的格式：

<img src="img/huawei_logo.png"/>

属性1：alt——当图片不能正常显示时，替换的文字，方便爬虫去捕获页面信息。

属性2：title——鼠标悬停到图片上显示的文字。

3.图像文件和html文件位于同一文件夹：
只需输入图像文件的名称即可，如<img src="logo.gif”/。
相对路径
图像文件位于html文件的下一级文件夹：
设置分类
输入文件夹名和文件名，之间用"/"”隔开，如<img src="img/i
mg01/logo.gif" /。
图像文件位于html文件的上一级文件夹：
在文件名之前加入"..”，如果是上两级，则需要使用“.."”，
以此类推，如<img src="./logo.gif” /。

4.图像标记
图像一定要放在项目的image文件夹中
图片的格式选择原则：在保证成像质量的前提下，文件大小越小越好。
图片常见格式有：jpeg,gif,png
最新2种：svg,webp
gif:支持动画显示
png:支持透明背景
jpeg和jpg：颜色丰富

括号12的有序列表样式：

点击查看代码

.custom-list {
  list-style: none; /* 移除默认的列表样式 */
  counter-reset: my-counter; /* 初始化计数器 */
}

.custom-list li {
  counter-increment: my-counter; /* 每次出现li时增加计数器 */
}

.custom-list li:before {
  content: "(" counter(my-counter) ")"; /* 设置内容为计数器，并加上括号 */
  margin-right: 5px; /* 可选：在编号和文本之间添加一些空间 */
}