CSS的选择器(超详细)
一、常用的选择器1.元素选择器2.类选择器(class选择器)3.id选择器4.通配符选择器二、群组选择器三、关系选择器1.后代选择器2.子代选择器3.相邻兄弟选择器4.通用兄弟选择器5.案例四、属性选择器五、伪类选择器1.常用的伪类选择器2.否定伪类3.元素的伪类六、伪元素选择器
前端实用的20个css技巧
你在使用flex布局的时候有遇到过这种情况吗?每行固定元素个数每行元素都是的效果(两端对齐,项目之间的间隔相等,即剩余空间等分成间隙)最后一行元素需要靠左对齐方法1: 使用js补齐元素,例如,每行展示3个元素,现在一共有5个元素,那么我们就可以在最后补一个同宽度的透明元素。方法2:设置为实现两端对齐
万字长文的CSS与JavaScript简易学习
/** 创建的是自定义对象 对象 对象!!!!!!!!!!* */var n1={age:19,alert(a+"和"+b+"都喜欢吃水果")}}
CSS的hover属性
hover的使用方法
HTML【基础篇】
重要] dl (总标签) dt (小标题) dd (围绕标题来说明) 上面有个小标题, 下面有几个围绕着标题来展开的注意:元素之间是并列关系ul/ol 中只能放 li 不能放其他标签, dl 中只能放 dt 和 ddli 中可以放其他标签.列表带有自己的样式, 可以使用 CSS 来修改. (例如前面
计算机毕业设计——简单的网页设计
1 网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuil
【CSS应用篇】——CSS如何实现渐变背景
CSS如何实现渐变背景
CSS中 设置( 单行、多行 )超出显示省略号
css设置超出显示省略号可分两种情况:但使用的核心代码是一样的:需要先使用 “overflow:hidden;” 来把超出的部分隐藏,然后使用“text-overflow:ellipsis;”当文本超出时显示为省略号。思路:1、使用 overflow:hidden; 语句不显示超过对象尺寸的内容,就
第四届字节跳动青训营-前端专场 进阶班笔试简要记录
第四届字节跳动青训营笔试题记录
5个前端练手项目(html css js canvas)
目录🥩.跑马灯1.1效果图:1.2思路解析1.3源码🍧.彩虹爱心2.1效果图2.2思路解析2.3源码🌮.闹钟3.1效果图3.2思路解析3.3源码🍲.自制笔记本4.1效果展示4.2思路解析4.3源码🍣.自定义写字台(也可自定义字的样式)5.1效果展示 5.2思路解析5.3源码2.彩虹爱心2.
新年将至,100行Html+css实现烟花特效陪你跨年(附春节对联)
新年将至,用Html+css实现烟花特效陪你跨年(附春节对联)
2023跨年烟花(浪漫烟花+美妙音乐+雪花飘飘)含前端源码直接下载---系列最终篇
2023跨年烟花(浪漫烟花+美妙音乐+雪花飘飘)---系列最终篇前端开发,html,js
前端案例:像素鸟小游戏(js+dom操作,完整代码,附案例素材)
原生 js+dom 操作实现像素鸟小游戏,代码完整,素材完整。
Vue复刻华为官网 (一)
根据华为网页的布局,我们大体上可以将其划分为7个盒子,如下,由于写一个这样的网页再加上部分动态效果,需要的时间很长,本篇博客只记录了div1、div2、div3的静态效果+轮播图的实现。想要实现的正是最上部那个黑色的圆框我的思路很简单,用四个盒子,其中最大的盒子也就是整个黑色框,大盒子里面包裹着小盒
我把这一年学的 CSS 知识点精炼总结成了一篇文档
CSS 指层叠样式表 (Cascading Style Sheets)。样式定义如何显示 HTML 元素样式通常存储在样式表中外部样式表可以极大提高工作效率,通常存储在CSS文件中多个样式定义可层叠为一个p{color:red;}
JavaScript奇淫技巧:变速齿轮
本文,将用JavaScript复刻这一功能,实现一个用于网页的变速齿轮,可用于H5游戏、网页小游戏变速。
使用 JavaScript 检测用户是否在线
有时你可能希望增强你的应用程序以通知用户他们可能已经失去了互联网连接。用户可能正在访问你的网站并收到缓存版本,因此通常看起来他们的互联网仍在工作。然而,他们失去了引擎盖下的连接,并且不会加载任何新内容。在这里向他们显示一些消息以让他们知道他们应该检查他们的连接可能是有益的。
HTML侧边导航栏
本文用最简洁的语言,来教会读者,如果用html+css来制作,侧边导航栏,本案例以手机商城中的部分为例子来制作。
2022已经到了尾声,做一个漂亮的倒计时页面迎接2023年的到来
2022即将到来,快来一起做一个元旦倒计时分享给自己喜欢的人吧~
Element-ui源码分析
分析Element-ui封装思想在平时写业务或者是写玩具的时候为了方便,我们会使用各种各样的组件库。虽然说基本需求看文档就可以了,但是文档中提供的方法和业务需求相比肯定是有一定差距的,这时候就需要自己封装组件了;并且,在写了一些代码后感觉,其实在不同的项目中写过功能差不多相同的代码,那为什么不封装一