
前端
文章平均质量分 79
阿月浑子の
这个作者很懒,什么都没留下…
展开
-
git命令
git常用命令原创 2025-01-17 22:41:37 · 424 阅读 · 0 评论 -
HTML5新特性|06 文本效果text-shadow&word-wrap&自定义字体
水平阴影 垂直阴影 模糊距离 阴影颜色:用于指定当文本溢出其容器的边界时如何处理换行的问题浏览器支持:Internet Explorer 10、Firefox、 Chrome、 Safari 以及Opera支持text-shadow属性。原创 2025-01-04 22:07:12 · 516 阅读 · 0 评论 -
HTML5新特性|05 CSS3边框&CSS3背景
通过CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框-并且不需使用设计软件,比如PhotoShop。浏览器支持:Internet Explorer 9+支持 border-radius 和 box-shadow 属性。Firefox、Chrome 以及 Safari 支持所有新的边框属性。原创 2025-01-03 17:25:19 · 1033 阅读 · 0 评论 -
HTML5新特性|05 Web存储localStorage&sessionStorage
给定一个非空字符串s,请判断如果从字符串中删除一个字符能否得到一个回文字符串。原创 2025-01-02 15:52:42 · 886 阅读 · 0 评论 -
HTML5新特性|04 地理定位
HTML5 Geolocation API 用于获得用户的地理位置浏览器支持:lnternet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位注释:对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。原创 2025-01-01 17:48:21 · 352 阅读 · 0 评论 -
HTML5新特性|03 SVG可伸缩矢量图形 (Scalable Vector Graphics)
SVG 指SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准。原创 2024-12-31 15:40:40 · 382 阅读 · 0 评论 -
HTML5新特性|02 拖放&画布
1.是一种常见的特性,即抓取对象以后拖到另一个位置。浏览器支持:lnternet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5支持拖放。放到何处Ondragoverondrop2.示例打开 WebStorm,创建一个 index 文件,先写一个 p 标签,然后创建一个文件夹 images ,放入拷贝的图片原创 2024-12-30 12:43:17 · 476 阅读 · 0 评论 -
HTML5新特性|01 音频&视频
control 属性供添加播放、暂停和音量控件。control属性供添加播放、暂停和音量控件。HTML5提供了播放音频文件的标准。HTML5 提供了展示视频的标准。2、control (控制器)2、control(控制器)1、Audio (音频)1、video (视频)原创 2024-12-29 17:09:01 · 625 阅读 · 0 评论 -
CSS|15 CSS3圆角矩形&透明度
左上开始 顺时针比如:如果四个。原创 2024-12-25 21:05:36 · 1078 阅读 · 0 评论 -
CSS|15 CSS3文本阴影&盒子阴影
text-shadow:水平阴影 垂直阴影 模糊距离 阴影颜色注释:text-shadow属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是0。描述:- 文字阴影可以有多组值,多组之间用逗号隔开就可以- 水平阴影正值阴影在右边,负值在左边- 垂直阴影正值阴影在下边,负值在上边- 模糊强度,值越大越模糊。原创 2024-12-23 17:09:48 · 951 阅读 · 0 评论 -
CSS|15 CSS3结构伪类&border-collapse&伪元素
css3 = css2 + 新语法 + 新的属性就是对css2进行扩充 删减 优化匹配第一个孩子 或 通过匹配奇数和偶数设置颜色来的这个属性主要是用来合并表格的边框线。border-collapse:collapse;加了border-collapse: collapse; 表格的高度变小了,看起来把中间线的样式变了选择器 功能:first-letter 操作当前元素中第一个字:first-line 操作当前元素中第一行:before原创 2024-12-22 20:05:30 · 950 阅读 · 0 评论 -
CSS|14 z-index
*.div1和.div2都设置了绝对定位,所以他们就是拥有了z-index属性,但是并没有给其设置z-index属性,那么他们的值就是0。.div1和.div2都设置了绝对定位,所以他们就是拥有了z-index属性,但是并没有给其设置z-index属性,那么他们的值就是0。/*不设置z-index,应该是div2遮住div1,因为在HTML结构中div2写在后面,默认z-index都是0。不设置z-index,应该是div2遮住div1,因为在HTML结构中div2写在后面,默认z-index都是0。原创 2024-12-21 20:16:54 · 1117 阅读 · 0 评论 -
CSS|13 position属性
position表示,主要用于实现对元素的定位。注意:在使用定位属性时,一定要配合来使用!left:表示定位的元素离左边多远right:表示定位的元素离右边多远top:表示定位的元素离上边多远bottom:表示定位的元素离下边多远。原创 2024-12-20 13:54:20 · 2065 阅读 · 0 评论 -
CSS|12 display属性
display显示的意思,用来进行 行内元素与块级元素之间的相互转换!将隐藏的元素显示或者是将显示的元素进行隐藏。注意:如果说将行内元素转换为了块级元素,那么这个元素它就会拥有块级元素的特点。如果说将块级元素转换为了行内元素,那么这个元素它就会拥有行内元素的特点。将一个显示的元素隐藏、将一个隐藏的元素显示:display:none 将一个显示的元素进行隐藏上述两个功能主要是JavaScript来使用。原创 2024-12-19 11:29:02 · 1351 阅读 · 0 评论 -
CSS|11 border边框
边框三要素:粗细 线性 颜色说明:边框的颜色可以省略不写,但是如果不写的话就表示边框的颜色为黑色,其他的两个属性值不能不写,如果不写的话就会不显示边框。的取值:dotted 点状线dashed 虚线solid 实线double 双线groove 凹槽线ridge 凸起线inset 内嵌线outset 外凸线也有四个方法的:border-top 上边框border-right 右边框border-bottom 下边框border-left 左边框。原创 2024-12-18 13:16:12 · 417 阅读 · 0 评论 -
CSS|10 内填充padding&外边距margin
内填充,知道是盒子里的内容到边框的这一段距离。padding有- padding-top 上内填充- padding-right 右内填充- padding-bottom 下内填充- padding-left 左内填充原创 2024-12-17 16:41:30 · 1453 阅读 · 0 评论 -
CSS|09 盒子属性
盒子是用来存储物品。原创 2024-12-16 16:08:48 · 543 阅读 · 0 评论 -
CSS|08 浮动&清除浮动
需求:能够实现让,并且给这些元素设置宽度与高度!的特性的特性。如果想让一些元素既要有块级元素的特点也要有行内元素的特点,只能让这些元素。浮动可以!浮动它是通过一个浮动属性来实现float:这个属性有两个值left(向左浮动)向左移动、right(向右浮动)向右移动浮动元素的特性:浮动元素它脱离标准文档流,它不再占用空间了我们可以把浮动元素理解为“漂”浮动元素它的要比标准文档流里面的元素层级要,它会将标准文档流中的元素给压盖住浮动元素它遇到了父元素的边框然后就停止了浮动。原创 2024-12-15 19:50:02 · 1323 阅读 · 0 评论 -
CSS|07 标准文档流
在制作的 HTML 网页和 PS 画图软件画图时有本质上面的区别:HTML 网页在制作的时候都得遵循一个“流的规则:从左至右、从上至下。使用 Ps 软件画图时可以在任意地方画图。原创 2024-12-14 19:06:31 · 381 阅读 · 0 评论 -
CSS|06 背景样式
距离他左边的盒子的距离为100px,第二个100px表示 背景图片的。/*左内填充,盒子里面的内容到左边边框线的距离,就称为左内填充*/语法: background-color: red;/*background-repeat 平铺*//*background-repeat 平铺*//*background-repeat 平铺*/原创 2024-07-19 18:35:08 · 1070 阅读 · 0 评论 -
CSS|05 继承性与优先级
一般而言,选择器指向的越准确,优先级就会越高,通常我们会用1表示标签选择器的优先级,用10来表示类选择器的优先级,用100来表示 ID 选择器的优先级,用1000来表示行内样式。important 的属性, 文本的大小是添加的ID 选择器的 因为!在实际工作中,我们往往会给 boby 标签设置字体大小以及字体颜色,因为 boby 标签是最外层的元素,内层的元素会继承外层的元素样式。important 提升的是属性的优先级,不是选择器。important 它是提升的属性的权重,而不是提升选择器的权重!原创 2024-06-27 23:54:25 · 1454 阅读 · 0 评论 -
CSS|04 复合选择器&伪类选择器&属性选择器&美化超链接
作: 匹配.box这个盒子里面所有的是h2的子元素,只匹配一级元素。在CSS中盒子与盒子之间的距离也称为外边距margin*//*第一步:需要给div设置一个边距,并且这个div在浏览器上面是居中显示*//*先找font标签,再匹配color中含有aa的,不区分大小写*//*外边距:HTML中的表格标记属性 cellspacing。/*使用伪类选择器来给超级链接的不同状态来设置样式*//*先找font标签,然后找color以00结尾的*//*有颜色属性值为#FF开头的font标签的样式*/原创 2024-06-27 23:42:55 · 921 阅读 · 0 评论 -
CSS|03 尺寸样式属性&文本与字体属性
span标签可以设置宽度、高度吗?答:不可以,因为span标签是一个行内元素,它不可以设置宽度和高度的。只有块级元素才可以设置宽度和高度!实例1:设置盒子大小背景颜色等尺寸样式属性原创 2024-06-26 15:42:22 · 1227 阅读 · 0 评论 -
CSS|02 基本选择器
*先找到p标签,然后再去找p标签里面有没有class为profile,有的话就设置这个样式*/,中括号中写样式代码。对应HTML中元素的class属性,对不同的class设置不同的样式。这里的标签就是HTML中元素的标签,比如要给p标签设置样式,可以写。,在中括号中写样式代码,class1必须在HTML中是存在的。对应HTML中元素的id属性,对不同的id设置不同的样式。,在中括号中写样式代码,id1必须在HTML中是存在的。/*给HTML中的所有的标签设置样式*//*使用通用选择器来设置样式*/原创 2024-06-25 16:38:15 · 864 阅读 · 0 评论 -
CSS|01 CSS简介&CSS的3种书写方式&注释
CSS代码应该写在什么地方!书写方式分为三种:嵌入式、外链式、行内式1.使用嵌入式的方式来书写CSS代码,它只能作用于当前的HTML文件2.使用外链式的方式来书写CSS代码,它可以作用于多个HTML文件。原创 2024-06-25 16:13:45 · 682 阅读 · 0 评论 -
HTML|02 HTML标签
【代码】HTML|02HTML标签。原创 2024-06-18 14:57:21 · 445 阅读 · 0 评论 -
HTML|01 HTML初识
1.html标签:所有html中标签的一个根节点2.head标签:用于存放:title,meta,base,style,script,link3.title标签:显示网站标题4.body标签:显示主体。原创 2024-06-13 17:45:51 · 511 阅读 · 0 评论