媒体查询?
浏览器在宽度小于540px的时候,背景颜色是蓝色,浏览器宽度在540px-970px之间,body的背景颜色是绿色,浏览器宽度大于970px的时候,背景颜色是红色。rem单位是跟着html来走的,有了rem页面元素可以设置不同的大小尺寸。媒体查询+rem就可以实现不同设备宽度,实现元素大小的动态变化
jQuery练习——下拉菜单
哈喽大家好,本次是jQuery案例练习系列第一期,本期是用jQuery实现下拉菜单。笔者还是前端的菜鸟,还请大家多多指教呀~
中秋之美——html+css+js制作中秋网页
利用html、css和JavaScript做的一个简单的网页,感兴趣的小伙伴可以去试试哦,相信肯定会有更多收获~ 最后祝大家中秋快乐,月饼炫起来吧。
使用 CSS 的仿 GitHub 登录页面
希望通过上面的教程,大家已经学会了如何使用 HTML 和 CSS 代码来创建仿 GitHub 登录界面。同时我们也了解了 CSS 中一些常用属性,例如outline、display、border和cursor,还认识了 CSS 中比较常用的伪类选择器。同学们也动起手来做一个属于自己的登录界面吧!
html css面试题
外边距是调整盒子在页面中的位置的,它的属性有:margin-left,margin-top,margin-right,margin-bottom,分别对应的是左,上,右,下,例如margin-left:50px;在我们的页面布局当中,我们会经常使用浮动,浮动是很重要的,因为在布局中我们经常使用块元素
中秋节祝福网页制作
使用css和html制作一个人人都会的实现鼠标悬浮字体展开的网页
黑马后台管理系统
黑马后台管理系统是一个基于vue-cli开发的项目,可以作为一个练习vue的简单易上手的案例。本案例涉及vue-cli中component模块的动态使用、vue-router路由、全局前置守卫等内容。
用HTML+CSS+JS实现【别踩鸡块】,ikun粉快来瞅瞅(含源码+思路)
别踩鸡块🐓🐤🐔基尼太美别踩白块这个游戏相信很多人在网页手机都玩过吧,那时候的我们没有它没有什么特别之处,大多数只是能**证明自己单身20年的手速**,但今天的它更新换名又换面,是我们一个个ikun**粉**(这个粉字怎么有点黑)的共同努力,是对鸡哥(啊不对,是对蔡徐坤努力成果的纪念之作)——别
使用 JavaScript 和 CSS 的简单图像放大镜
图像放大镜在很多网站中都扮演着重要的角色,大多数开发人员使用 jquery 来创建图像放大镜。在本教程中,我将向大家展示如何使用 HTML、CSS 和 JavaScript 制作一个简单的图像放大镜。
前端:css中的多列的实现与介绍
多列的介绍与应用
【玩转CSS】详解定位
浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子;而定位则是可以让盒子自由地在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子
使用 JavaScript 的响应式计数器动画
在本文中,我们将学习如何使用 HTML CSS 和 JavaScript创建我们在很多地方都可以用,比如适用于不同类型的个人网站、企业网站等。这种类型的最常用于商业网站。例如,如果你想在你的企业网站上显示一些产品的数量,可以使用此项目。这里的数字之间使用了计数动画。开发人员经常使用这种类型的响应式计
北大青鸟培训第第二周第一天:HTML和CSS相关知识 (持续更新)
北大青鸟培训第六天:HTML和CSS相关知识 (持续更新)
【JavaScript】用类的操作对CSDN社区管理菜单栏优化
/获取按钮和divletbtn=document.getElementById('bt1');//给按钮绑定单击响应函数btn.addEventListener('click',()=>{//一项一项修改box.style.height=300+'px';});实际上,当我们使用这种方法时,浏览器会
【Web前端】落地成盒?达咩之——CSS盒子模型及属性
此为本人学习时方便查阅,仅供参考。
前端:综合例题详细解说(含源代码),导航栏,商品展示页面。
详细的代码写商品页面以及导航栏的书写
【CSS】CSS入门笔记第三弹~
CSS入门教程,定位详细版
【代码案例】博客页面设计(附完整源码)
本篇文章主要利用前面学习的前端知识来构建出一个博客的网页页面。
【无标题】CSS盒子模型及属性
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。以上就是CSS盒子模型的基本属性,通过定义一系列与盒子相关的属性,可极大地丰富和促进各个盒子乃至整个HTML文档的表现效果和布局结构。......
使用 HTML、CSS 和 JS 制作一个中国象棋
给大家安利一个免费且实用的前端刷题(面经大全)网站,👉点击跳转到网站。本文章为系列文章,共100个摸鱼小游戏。初学者可以尝试实现这些项目,并在HTML、CSS、JS编译环境中动手操作。所有项目都已收集在专栏:🌟【100个摸鱼小游戏】(源码永久免费开源)直接跳到末尾 参与评论送书直接跳到末尾