![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
momo.lv
这个作者很懒,什么都没留下…
展开
-
npm发布自己的包
package.json 包管理配置文件,index.js 包的入口文件,README.md 包的说明文档package.json文件里面包含的内容有:包名(不能有重名的情况),版本号,入口文件,以及遵循的协议。原创 2022-08-31 14:59:32 · 544 阅读 · 0 评论 -
HTML盒子模型
margin 外边距 border 边框 padding 内边距 content 内容内容区(content)元素中的所有子元素和文件内容都在内容区中排列内容区大小由width和height两个属性来设置边框(border),边框属于盒子边缘,边框里面属于盒子内部,外边属于盒子外部边框大小会影响到整个盒子的大小 边框的宽度border-width 边框的长度border-color 边框的样式border-style边框的要素:边框的原创 2022-06-24 19:15:46 · 273 阅读 · 0 评论 -
canvas+SVG
画布坐标: canvas用于定义图形,在js脚本中可以通过canvas绘制盒子线,图,以及添加字符, 默认宽300高150SVG定义可缩放矢量图,可绘制框,图,文本,图形图像等操作 优势: 1.万维网的标准 2.相比其他(JPEG,GIF,ico)图像文件来说,svg图像可以通过文本编辑器来创建和修改 3.svg图像可以被浏览器搜索,索引,压缩 4.可以伸缩svg绘制矩形原创 2022-06-23 18:59:28 · 1487 阅读 · 0 评论 -
选择器的权重
选择器的权重:内联样式 1000 id选择器 100 类和伪类选择器 10 元素选择器 1 通配选择器 0 *{}继承的样式 没有优先级比较优先级时,需要将所有的选择器的优先级进行相加计算,最后谁的优先级越高,越优先显示如果优先级相同,此时优先使用靠下的样式...原创 2022-06-23 14:11:18 · 62 阅读 · 0 评论 -
选择器的优先级
选择器的权重:内联样式 1000 id选择器 100 类和伪类选择器 10 元素选择器 1 通配选择器 0 *{}继承的样式 没有优先级比较优先级时,需要将所有的选择器的优先级进行相加计算,最后谁的优先级越高,越优先显示如果优先级相同,此时优先使用靠下的样式...原创 2022-06-23 11:35:16 · 908 阅读 · 0 评论 -
伪元素选择器
伪元素表示页面中一些特殊的不真实存在的元素(特殊的位置)用法::开头::first-letter第一个字符::first-line第一行::selection选中的元素::before元素的开始::after元素的结尾原创 2022-06-22 17:45:25 · 95 阅读 · 0 评论 -
a元素的伪类
:link 没有被访问过的链接和正常链接:visited 被访问过的链接(由于隐私原因,只能修改颜色):hover 鼠标移入的状态:active 鼠标点击的状态原创 2022-06-22 16:36:39 · 67 阅读 · 0 评论 -
伪类选择器
伪类选择器(不存在,特殊的类) 作用:用来描述一个元素的特殊状态 比如:第一个子元素,被点击的元素,鼠标移入的元素。。。 伪类一般使用:开头 :first-child 第一个子元素 :last-child 最后一个子元素 :nth-child() 选中第几个子元素 特殊值: n 第n个原创 2022-06-22 15:32:45 · 88 阅读 · 0 评论 -
属性选择器
[属性名] 选择含有指定属性的元素[属性名=属性值] 选择含有指定属性的属性值[属性名^=属性值] 选择属性值以指定值开头的元素[属性名$=属性值] 选择属性值以指定值结尾的元素[属性名*=属性值] 选择属性值中含有指定值的元素...原创 2022-06-22 13:54:36 · 73 阅读 · 0 评论 -
关系选择器
父子关系祖先后代关系子元素选择器作用:选中指定父元素的指定子元素语法:父元素 > 子元素eg:将div中的span标红作用:选定指定元素的后代语法:祖先 后代eg:将div中的span后代变为绿色作用:选择下边的第一个兄弟语法:前一个 + 后一个eg:选择p后面的span元素作用:选择下边的所有兄弟语法:兄 ~ 弟eg:选择p后面的span元素总截图:...原创 2022-06-22 08:58:53 · 83 阅读 · 0 评论 -
复合选择器
作用:选中同时复合多个条件的元素注意:若其中有元素选择器,必须使用元素选择器开头作用:同时选择多个选择器对应的元素原创 2022-06-21 21:33:51 · 53 阅读 · 0 评论 -
css常用选择器
作用:根据标签名来选中指定的元素示例:p{} h1{}根据元素的id属性选中元素缺点:id值不可以重复使用,id值是唯一的根据class属性来选中元素优点:重复使用class属性值 作用:选中页面中的所有元素 语法: *......原创 2022-06-21 21:13:56 · 42 阅读 · 0 评论 -
图片+音视频
属性:src 图片路径alt 用于浏览器搜索图片,不会显示,网页中图片加载不成功时,部分浏览器会显示alt的值(如图)width 宽度,只设置一个值另一个值会随着比例变化音频标签 audio:属性:controls 是否允许用户自动播放autoplay 音频文件是否自动播放loop 音乐是否循环播放音频格式:MP3 ogg 部分浏览器不支持mp3视频标签 video: 同上!...原创 2022-06-21 19:55:52 · 69 阅读 · 0 评论 -
列表+超链接
有序列表:用创建有序列表用表示列表项无序列表用创建有序列表表示列表项定义列表用创建定义列表a标签 超链接 从一个页面跳到其他页面,或是当前页面的其他位置href 表示跳转路标路径行内元素,标签内可以嵌套除他自身外的任何元素可以使用id属性来标记不同的位置进行跳转...原创 2022-06-21 16:49:59 · 429 阅读 · 0 评论 -
转义字符和meta
空格 >大于符号 <小于符号©版权符号charset 文字编码格式name和content:name里面装属性名,content里面解释属性名;eg:搜索关键字,显示网页原创 2022-06-20 20:05:40 · 100 阅读 · 0 评论