【CSS项目实践2】前端学习记录7

最新推荐文章于 2024-11-05 15:31:54 发布
最新推荐文章于 2024-11-05 15:31:54 发布
阅读量556 收藏
点赞数
文章标签： 前端 css 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40268652/article/details/123441256
版权

注意点：
1.banner图一般用ul嵌套li，banner图上的小圆点用ol嵌套li 侧边栏aside，需要定位，而不是浮动 定位的时候子绝父相，还要有位置，别忘记位置的设置
2. block宽度和父级一样
3. prev定义上一个，next定义下一个
4. li块级标签
5. 当前状态（圆点和图的对应）的类名：current/active
6. hd标签 代表头部header bd代表内容body
7. 出现没对齐的情况，看目前跟谁对齐，就有可能是谁影响到了

html+css基础完结撒花！开始JS，冲

Limerence_ew
关注
【第三章】层次选择器——prev+next选择器
qq_45695622的博客
10-27 597
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>层次选择器——prev+next选择器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js">&lt...
CSS语法基础--选择器
I_am_fine_的博客
07-15 757
CSS选择器 概述: CSS的选择器主要包括基本选择器，层次选择器，结构伪类选择器和属性选择器等等。选择器的主要作用是定位元素。 1 基本选择器 概述 : 基本选择器包括标签选择器，类选择器和ID选择器，三种选择器的优先级为：ID选择器>类选择器>标签选择器 。 1.1 标签选择器 结构格式 ： 标签名{ 值; } CSS代码： h1{ color: aqua; } p{ background: antiquewhite; } HTML代码： <!DOCTYPE
CSS选择器
red_red_red的博客
05-08 255
1.导入CSS的方式 a.内部样式 <!--内部样式--> <style> h1 { color: green; } </style> b.外部样式 <link rel="stylesheet" href="css/style.css"> c.行内样式 <h1 style="co
用css3和jquery实现的渐变的动态进度条
前端岚枫
07-18 3264
进度条是网站中常见的一种，今天经过研究外国一个网站的例子，试着用css3来实现进度条：      html代码如下：         Set above to:     25% /     50% /     75% /     100%     Set above to:     25% /     50% /     75% /
相邻兄弟选择器prev+next 和通用兄弟选择器prev ~sibings 的区别
cake_eat的博客
10-22 1448
相邻兄弟选择器 可选择紧接在另一元素后的元素，且两者有相同的父元素。 例如： <div class="a">1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> $('.a + div').css({backgroundColor:'pink'}); 运行效果： 通用兄弟选择器 可选择紧接在另一元素后所有匹配的元素，且两者
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar
04-18
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar ...
尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频尚品汇项目源码
03-06
【描述】中的“零基础前端开发html5+css3视频尚品汇项目源码”表明这个教程不仅包括理论讲解，还可能包含实际的项目实践，比如“尚品汇”项目。这里的“html5+css3”意味着课程内容会涉及最新的HTML5和CSS3技术，这...
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
信息管理系统，后台信息管理模板，多页面链接，html+css+js，前端实战项目，适用于大作业，上机任务Javaweb,前端练习
03-18
7. **实战与学习价值** 这个信息管理系统作为前端实战项目，非常适合学生进行大作业和上机练习。它涵盖了前端开发的多个方面，包括网页布局、样式设计、交互实现等，有助于提升开发者实际解决问题的能力。 总的来...
前端vue ,css ,js ，学习笔记，全部总结
04-29
这份"前端vue ,css ,js ，学习笔记，全部总结"涵盖了这三个重要组成部分的精华内容，旨在为开发者提供一个全面的学习资源。 Vue.js是当前非常流行的前端框架，由尤雨溪创建，以其轻量级、易上手和高度可扩展性而...
Jquery中next()方法与prev()方法的使有和详解
WilsonMP
08-24 8569
在jQuery中，我们可以选择某个DOM元素进行获取和操作，但是有时候我们在操作某个元素的时候，也要对它相邻的的元素进行获取或是操作，那我们该如何去做呢，今天记录一个获取某个元素的相邻的上一个元素或相邻的下一个元素。 jQuery中的next()方法 next()方法，获取指定元素同辈的下一个元素 语法 $().next() jQuery中的prev()方法 prev方法：获取指定...
prev + next选择器
牛栏山矿泉水
08-05 449
1、prev + next：匹配所有紧接在 prev 元素后的 next 元素 2、（1）prev：任何有效选择器 （2）next：一个有效选择器并且紧接着第一个选择器 3、示例 （1）源码如下 prev.html: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3...
jQuery遍历之prev()方法
qq_37036642的博客
08-04 1141
jQuery是一个合集对象，如果想快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合，此时可以用prev()方法 理解节点查找关系： 如下蓝色的class="item-2"的li元素，红色的节点就是它的prev兄弟节点 1 2 3 prev()无参数 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合
【第三章】层次选择器——prev~siblings选择器
qq_45695622的博客
10-27 201
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>层次选择器——prev~siblings选择器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"&gt...
前端常用的方法
一寸一寸光阴
03-04 900
实体对象判空 this.validatenull（对象）====》为空返回true，不为空返回false if(this.validatenull(params["status_eq"])){ this.$message.error("请选择推送状态！"); return; } 一个对象的值复制拷贝到另外一个对象，Object.assign(k1, k2)，k1是目标对象，k2是源对象 onLoad(page, params = ...
前端基础知识整理汇总（下）
web前端开发
02-27 505
接上前面两期的内容，《前端基础知识整理汇总（上）》、《前端基础知识整理汇总（中）》，如果你还没有看前面内容的话，建议你可以点开连接看看，也可以收藏着有空的时候，慢慢看。以下是这个内容的最后...
前端架构设计第十课 前端数据结构和算法
fegus的博客
05-19 1369
21 如何利用 JavaScript 实现经典数据结构？ 前面几讲我们从编程思维的角度分析了软件设计哲学。从这一讲开始，我们将深入数据结构这个话题。 数据结构是计算机中组织和存储数据的特定方式，它的目的是方便且高效地对数据进行访问和修改。数据结构体现了数据之间的关系，以及操作数据的一系列方法。数据又是程序的基本单元，因此无论哪种语言、哪种领域，都离不开数据结构；另一方面，数据结构是算法的基础，其本身也包含了算法的部分内容。也就是说，想要掌握算法，有一个坚固的数据结构基础是必要条件。 下面我们用 JavaS
prev()方法使用的注意点
weixin_34320159的博客
06-03 1088
prev()表示检索同类标签的前一个元素.注意这个方法要写在你所需要写的方法的后面,我们试一下发现把这个prev()方法放在前面根本不起作用,放在后面才会起作用. $(".my_mess_ul li").click(function () { 　　$(this).find("a").css("text-decoration", "none"); 　　in...
Webserver(3.3)生产者消费者模型
最新发布
学习历程记录和分享
11-05 181
解决该问题需要用互斥量确保线程同步，用条件变量或者信号量去解决生产者和消费者之间同步的问题，生产者把数据生产满了要通知消费者去消费。会产生数据安全问题，比如生产者还未生产出来，就去消费。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值