前端
文章平均质量分 83
买奶茶的小孩
这个作者很懒,什么都没留下…
展开
-
jQuery-2.鼠标焦点事件、节点操作、遍历元素、效果
默认情况下,所有HTML元素都有一个静态位置,且无法移动。用于获取位于匹配元素前面和后面的所有同辈元素,如:$('li:eq(1)').siblings().css('background-color', '#F06')用于获取紧邻匹配元素之后的元素,如:$('li:eq(1)').next().css('background-color', '#F06')用于获取紧邻匹配元素之前的元素,如:$('li:eq(1)').prev().css('background-color', '#F06')原创 2024-05-13 15:40:07 · 564 阅读 · 0 评论 -
jQuery-1.语法、选择器、节点操作
如:$("li").filter("#l3").css("background-color","#F06")如:$("li").filter("#l3").css("background-color","#F06")如:$("div").find("li").css("background-color", "#F06")如:$("li").slice(1, 3).css("background-color","#F06")$("li:gt(1)")选取索引大于1的<li>元素(注:大于1,不包括1)原创 2024-05-08 09:36:05 · 704 阅读 · 0 评论 -
JavaScript-3.DOM
通过HTML DOM,可以访问JavaScript HTML文档中的所有元素。原创 2024-04-16 18:48:17 · 625 阅读 · 0 评论 -
JavaScript-2.对话框、函数、数组、Date、DOM
使用时先获取该某一时刻的Date对象的引用,然后通过该引用获取详细的时间信息。一段包含应用程序的程序块,此程序块可以被其他程序通过函数名调用,目的是提高代码公用性、可维护性。返回日期对象中的天数,如果超过了该月份应有的天数,则增加月份。返回日期对象的年份(真实年份减去1900)返回日期对象中星期的星期几(0-6)从日期对象中返回四位数字表示的年份。返回日期对象中的毫秒(0-999)返回日期对象中的小时(0-23)返回日期对象中的分钟(0-59)返回日期对象的月份(0-11)返回日期对象中的秒(0-59)原创 2024-04-14 10:20:14 · 512 阅读 · 1 评论 -
JavaScript-1.数据类型
在JavaScript中不区分整数或者小数,都是数字型。用于对操作数进行比较,比较结果为一个逻辑值。原创 2024-04-12 10:07:12 · 308 阅读 · 0 评论 -
CSS案例-6.浮动练习
脱离标准流,漂浮起来,不占用原有的位置,浮动在标准流的上面,所以第二个标准流会躲到浮动盒子的下面。浮动是脱标的,会影响下面的标准流元素,此时,我们需要给浮动的元素。右小盒子:长234px,宽300px,间距14px。小盒子:长269px,宽285px,间距14px。大盒子:长1200px,宽460px。大盒子:长1226px,宽285px。大盒子:长1226px,宽615px。右盒子:长970px,宽460px。左盒子:长234px,宽615px。右盒子:长992px,宽615px。原创 2024-03-22 08:59:27 · 907 阅读 · 0 评论 -
CSS案例-5.margin产品模块练习
取margin-top和margin-bottom两个值中较大的值,称外边距塌陷。整体长:298px,高:415px。原创 2024-03-18 16:30:43 · 472 阅读 · 0 评论 -
CSS案例-4.padding导航栏练习
上边框下边框左边框右边框border-tophtml用户名:<input type="text" > <br>密码:<input type="text" >CSSinput {/* 复杂写法 */*//* 简单写法 */原创 2024-03-18 14:59:55 · 949 阅读 · 0 评论 -
CSS案例-3.背景练习
top | center | bottom | left | center | right 方位名词。background-color:颜色值;默认的值是transparent透明的。background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置;百分数 | 由浮点数字和单位标识符组成的长度值。将图片设为页面背景,图片主体在中间。背景图像是随对象内容滚动还是固定的。背景图像在纵向和横向上平铺(默认)鼠标放到导航栏上会变颜色。背景图像是随对象内容滚动。背景图像如何平铺填充。背景图像在横向上平铺。原创 2024-03-18 14:07:34 · 898 阅读 · 0 评论 -
CSS案例-2.简单版侧边栏练习
常见元素:<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等。常见元素:<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等。默认的值是transparent透明的。块、行内元素转换为行内块:display:inline-block;常见标签:<img />、<input />、<td>隐藏对象不占据空间:display:none;块转行内:display:inline;行内转块:display:block;原创 2024-03-18 08:40:37 · 623 阅读 · 0 评论 -
CSS案例-1.字体样式练习
选择器 { font:font-style font-weight font-size/line-height font-family;注意:单独的图片标签不能直接对其,要设置一个父标签,给父标签设置对齐。400等于normal,而700等同于bold,没有单位。默认值,浏览器会显示标准的字体样式。单位设置成em,一个em是一个字符。相对于当前对象内文本的字体尺寸。line-height控制行高。不设置任何划线效果,是默认值。浏览器会显示斜体的字体样式。设置文字有没有下划线之类的。像素,最常用,推荐使用。原创 2024-03-15 16:42:38 · 872 阅读 · 0 评论 -
HTML案例-4.注册页面表单练习
<dt>奶茶</dt><dd>奶茶是奶和茶做的</dd><dd>非常好喝</dd>...原创 2024-03-14 15:26:29 · 582 阅读 · 0 评论 -
HTML案例-3.表格练习
从上到下,从左到右进行合并,不论是跨行还是跨列,都是在td上进行的。跨行合并:rowspan=“合并单元格的个数”跨列合并:colspan=“合并单元格的个数”将表格属性cellspacing设为0。表格在网页中的水平对齐方式。单元格和单元格之间的距离。单元格和内容之间的距离。原创 2024-03-14 15:06:38 · 536 阅读 · 0 评论 -
HTML案例-2.标签综合练习
设置所有链接的打开方式,要写在里面,单标签。如果页面还没写好,可以用“#”代替。点击===>跳转到相应的位置。_blank:在新窗口打开。图像不能显示时的替换文本。鼠标悬停时显示的内容。原创 2024-03-14 14:51:36 · 550 阅读 · 0 评论 -
HTML案例-1.标签练习
作为标题使用,并且依据重要性递减。原创 2024-03-14 14:31:47 · 484 阅读 · 0 评论 -
CSS——5.定位、堆叠顺序、转行内块、外边距合并、圆角矩形
目录CSS属性书写顺序定位边偏移定位模式静态定位相对定位relative绝对定位absolute固定定位fixed绝对定位的盒子居中堆叠顺序(z-index)改变成行内块元素方法顶部固定导航栏外边距合并问题图片展示案例圆角矩形的设置总结定位网页布局建议遵循下面顺序:定位 = 定位模式 + 边偏移一般情况下,有定位就有边偏移相对于没有定位特点: 绝对定位是元素以带有定位的父级元素来移动位置1.标准流的盒子总是以父级为准移动位置2.父元素没有定位,绝对定位子盒子,则以浏览器为准定位3.父元素有定位,绝对定位子盒原创 2022-07-05 16:47:08 · 510 阅读 · 0 评论 -
CSS——4.浮动、清除浮动
目录浮动floatCSS布局的三种机制为什么要设置浮动?浮动的作用语法浮动float——漂浮浮动float——特性浮动float——应用 浮动元素与父盒子的关系浮动元素与兄弟盒子的关系清除浮动clear为什么清除浮动?清除浮动的本质清除浮动的方法1.额外标签法(隔墙法) 2.父级添加overflow属性方法3.使用after伪元素清除浮动4.使用双伪元素清除浮动什么时候清除浮动?1.普通流(标准流)2.浮动让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示3.定位将盒子定在浏览器的某一个位置——CSS离原创 2022-06-13 14:56:36 · 168 阅读 · 0 评论 -
CSS——3.盒子模型、拓展、CSS书写规范
目录盒子边框border边框样式边框综合设置盒子边框总结表格的细线边框内边距padding设置综合写法内盒尺寸计算padding不影响盒子大小情况外边距margin块级盒子水平居中清除元素的默认内外边距外边距合并盒子模型布局稳定性拓展圆角边框(CSS3)盒子阴影(CSS3)CSS书写规范空格规范选择器规范属性规范没有顺序!htmlcss表格的细线边框 collapse是合并的意思 表示相邻边框合并在一起内边距padding设置 属性 作用原创 2022-06-10 13:56:12 · 194 阅读 · 0 评论 -
CSS——2.显示、行高、css背景
目录标签显示模式块级元素block-level行内元素inline-level行内块元素inline-block标签显示模式转换display行高line-height单行文本垂直居中CSS背景背景颜色背景图片背景平铺背景位置背景附着背景综合写法背景透明常见元素:~、、、、、等。特点:注意:文本标签里面不能包含div块级元素!!常见元素:、、、、、、、、、等特点:注意............原创 2022-06-08 15:15:06 · 105 阅读 · 0 评论 -
CSS——1.引入、选择器、字体属性
引入CSS样式表行内式(内联样式)直接在标签里面加style属性弊端:只有当前标签具备样式<p style="color:red; font-size:15px;">我爱喝奶茶</p>内部样式表(内嵌样式表)在<head>标签中写一个<style>标签弊端:只能在当前页面中有效注意:type=“text/CSS”在html5中可以省略<head><style type="text/CSS">原创 2022-06-04 14:10:40 · 168 阅读 · 0 评论 -
HTML——2.表
表格语法<table> <tr> <td>第一行第一列的内容</td> <td>第一行第二列的内容</td> <td>第一行第三列的内容</td> ... </tr> <tr> <td>第二行第一列的内容</td> <td>第原创 2022-04-26 17:08:28 · 170 阅读 · 0 评论 -
HTML——1.Sublime快捷键、HTML常用标签
目录Sublime快捷键页面骨架浏览页面选中多行注释页面语言lang字符集排版标签标题标签h段落标签p水平线标签hr换行标签brdiv和span标签文本格式化标签图像标签img链接标签注释标签路径相对路径绝对路径Sublime快捷键页面骨架html:5 + Tab ! + Tab浏览页面直接在空白处,右键——在浏览器中打开选中多行按住滚轮往下拉注释Ctrl + /(?):把光标定在想要注释原创 2022-04-25 19:42:18 · 1537 阅读 · 0 评论