![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
Babamboo
这个作者很懒,什么都没留下…
展开
-
引入阿里巴巴矢量图图标到HTML页面
1.打开地址:https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.22.注册账号3.选择图标点击加入购物车,4.打开购物车5.添加到项目6.打开项目7.下载图标文件8.将以下几个文件添加到项目文件夹中,可以重新创建一个文件夹9.创建一个.css文件,按照以下写好内容10.在HTML中使用link标签导入css文件11.在需要添加图标的位置添加其中class是创建的css文件中font-famil原创 2021-10-21 15:31:23 · 2044 阅读 · 0 评论 -
前端学习笔记-CSS
1.组合选择器(1)后代选择器父代(空格)后代div p { background-color: yellow;}(2)子选择器(子表示后面一级的元素)父代(>)后代div > p { background-color: yellow;}(3)相邻兄弟选择器兄弟(+)其后相邻的兄弟元素div + p { background-color: yellow;}(4)通用兄弟选择器兄弟(~)兄弟div ~ p { background-color:原创 2021-10-08 16:16:48 · 63 阅读 · 0 评论 -
前端学习笔记-CSS
css就是搞样式的1.css的语法规则:由选择器和声明块组成的选择器:指定设置样式的HTML元素声明:指定修改什么样式2.注释css采用 /* */为注释3.背景3.1 css背景属性:background-color :背景颜色background-image: 背景图片写法:background-image:url(“图片路径”)background-repeat: 是否和如何重复背景图片值:no-repeat:不重复背景图(当背景图小于浏览器页面的话会重复背景图)r原创 2021-09-30 17:28:36 · 90 阅读 · 0 评论 -
HTML5里面oninput和onchange的区别
相同点:1,都是只改变之后会触发的事件不同点:1,oninput作用于 input 和 textarea 元素,而onchange还作用于 keygen 和 select(下拉框) 元素2,oninput是在值改变的时候立即触发,onchange是在值改变了,并且失去焦点时才触发所以oninput可以实现的功能是滑杆选择数据,然后实时展示滑杆的值,html代码如下:<head> <script> function numChange(){原创 2021-09-29 16:44:19 · 1215 阅读 · 0 评论 -
前端学习笔记-html
1. <a 标签可以做为书签,比如某些百度文库之类的目录跳转功能,如下:<a id="tips">这是一个书签</a><a href="#tips">跳转到id/name为tips的书签位置</a>2.img 图片标签加 alt 属性,可以在图片加载失败的时候有个提示<img src="图片路径" alt="图片加载失败,请重试">3.有序列表,无序列表有序列表:<ol> <li>语文</l原创 2021-09-29 14:29:44 · 123 阅读 · 0 评论 -
html写的demo页面在浏览器上标题乱码
原因:文本编辑器编码格式不是utf-8,但是我在html文档中设置的charset=“utf-8”.原创 2021-09-27 15:48:53 · 84 阅读 · 0 评论