css
-
CSS中的变量
1.1 变量的声明 声明变量的时候,变量名前面要加两根连词线(–)。变量名大小写敏感,–header-color和–Header-Color是两…
-
Web前端大学生期末大作业–京东首页
欢迎点赞 👍 收藏 ⭐留言 📝 私信 学习目标 学习目标: 掌握京东项目流程体系 掌握网站三大标签优化 掌握京东头部和尾部制作 掌握京导航栏制作 掌…
-
前端——7.图像标签和路径
这篇文章,我们来讲解一下图像标签 目录 1.图像标签 1.1介绍 1.2实际展示 1.3图像标签的属性 1.3.1 alt属性 1.3.2 title属性 1.3.3 width …
-
1000套web前端期末大作业 HTML+CSS+JavaScript网页设计实例 企业网站制作【建议收藏】
一、1000套HTML期末学生结课大作业作品(HTML+CSS+JS) 这8年来做了1000多套(HTML+CSS+JS)网页设计的学生期末大作业,都是给学生定制的都符合学校或者学…
-
css行间距怎么设置(CSS设置行间距)
1. CSS设置行间距 CSS将文本设置双倍行距后方法: 打开一个html代码页面,创建一个含有一段文本的div标签。 使用css的line-height属性设置行的高为40px。…
-
CSS3模拟小仓鼠一直奔跑的动画特效
最近在丽泽桥的花鸟虫鱼市场看见小仓鼠一直在奔跑,觉得它好累啊,但是却又乐此不疲的在跑着,就像我们这些打工族一样。之前见过有人把手机放在小仓鼠的滚轮上记步数,也是挺聪明的。今天就通过…
-
纯css实现鼠标悬浮、点击更改元素背景
一、使用方案 css伪类 active:元素被点击时变色,点击后颜色消失 focus:元素被点击后变色,点击后颜色不消失 hover:鼠标悬浮时变色,移除后颜色消失 二、代码 te…
-
深入理解CSS之flex精要之 flex-basis flex-grow flex-shrink 实战讲解
这篇文章对flex不熟也可以看。这篇文章只讲这三个属性。为了简单化,不会提到主轴交叉轴,也不讲方向,默认方向就是水平方向从左往右。但并不影响对这三个概念的理解。 如果你觉得对fle…
-
npm安装、切换淘宝镜像
npm默认镜像源是国外的,安装依赖速度较慢,使用国内的镜像源速度会快一些。 1、设置淘宝镜像源: npm config set registry https://registry….
-
HTML/CSS 如何做下拉框(下拉菜单)?
一、什么是下拉框 下拉菜单通常使用在鼠标过程中,当鼠标悬停是出现一个下拉的菜单。 二、如何用代码做下拉框 详细操作如下: Document .box{ /*如果不定基准,默认找 b…
-
css如何实现文字两端对齐效果
想要实现文字两端对齐效果,可以使用CSS的text-align属性。设置text-align: justify;即可实现文字两端对齐效果。 方法1:给元素设置 text-align…
-
用HTML+CSS做一个漂亮简单的个人网页(第二篇)
时隔三年我把之前给我妹写的毕业论文的网站页面写出来一下哈 供各位小伙伴参考参考哈 不接受批评反驳哈哈哈哈哈哈哈 都是我自己胡乱搭的图片和文字 可自行更改,按照自己的审美喜好来哈! …
-
最全的前端知识之css与jsp介绍
前言 ok了,宝子们,今天发布的是我自己理解的前端知识css以及jsp的相关知识。请各位观众老爷们查收 一.css介绍(1)什么是cssCSS 是“Cascading Style …
-
css多行文本溢出显示省略号
在CSS中,对于多行文本的溢出显示省略号,可以使用display属性配合-webkit-line-clamp和-webkit-box-orient来实现。 具体实现步骤如下: 首先…
-
JS实现css的hover效果,兼容移动端
Hi I’m Shendi JS实现css的hover效果,兼容移动端 功能概述 CSS的hover即触碰时触发,在电脑端鼠标触碰,移动端手指触摸 有的时候光靠css实现不了一些效…
