2024年 复习 HTML5+CSS3+移动web 笔记 之CSS遍

28-第三天课程介绍_哔哩哔哩_bilibili

CSS 第一天

1.1 引入方式

1.2 选择器

1.3 画盒子

div 独占一行

1.4 文字控制

div 外层

1.5 调试工具 F12

1.5 综合案例 一 新闻详情

1.6 综合案例 二 CSS 简介

CSS 第二天

2.1 复合选择器

2.2 伪类选择器

2.3 CSS 特性

2.4 Emmet 写法

2.5 背景属性

2.6 显示模式

2.6 综合案例 一 热词 (设计稿?)

2.7 综合案例 一banner效果 (设计稿?)

先整体到局部

后代关系 选择器

CSS 第三天

3.1 结构伪类选择器

3.2 伪元素选择器

3.3 PxCook 软件

https://soft-10-1.xiaoguaniu.com/soft/202203/PxCook_V3.9.960_XiTongZhiJia.zip?time=1705368875&ip=120.230.160.251&secret=b328f8e53bef611da58905ff688cf72d

开发模式下

设计模式 下

3.4 盒子模型

空白

内减模式

3.5 清除默认样式

3.6 内容溢出 overflow 属性

3.7 外边距问题 合并和塌陷

3.8 行内元素 -内外边距问题

3.9 圆角与盒子阴影

3.10 综合案例 -- 产品卡片

3.11 综合案例二 --新新闻列表

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/422815.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Windows 下ffmpeg安装及实践

Windows 下ffmpeg安装及实践 背景安装实践其他 背景 最近负责音频文件处理相关的业务,涉及到 ffmpeg 对一些音频文件格式的校验,记录一下安装过程及踩坑过程。 安装 如图1所示,进入官网,在windows下任选一个文件:h…

【MySQL进阶】视图_存储过程_存储函数_触发器

文章目录 视图基本介绍视图操作视图创建视图查询视图修改视图删除 存储过程基本介绍基本操作存储语法变量IF语句参数传递CASEWHILEREPEATLOOP游标 存储函数触发器基本介绍基本操作 总结 视图 基本介绍 视图概念:视图是一种虚拟存在的数据表,这个虚拟的表…

RAR FOR LINUX处理解决办法

一、工具准备 去winrar官网(https://www.rarlab.com/download.htm)下载最新的适用版本,例如下图我们下载的是RAR 7.00 beta3 for Linux_x64版本。现在我们用的Linux系统已经少有基于x86版本的了,因此几乎不用考虑别的版本进行安装…

为什么JavaScript中0.1 + 0.2 ≠ 0.3

JavaScript中的浮点数运算有时候会出现一点偏差。下面解释为什么0.1 0.2 ≠ 0.3,以及如果你需要精确运算应该怎么做。 如果1 2 3,那么为什么在JavaScript中0.1 0.2 ≠ 0.3?这个原因与计算机科学和浮点数运算有关。 我建议你打开浏览器的控制台,输入0.1 0.2来查看结果。…

用户头像上传

将用户上传的头像存储在腾讯云存储桶里 注册腾讯云 https://cloud.tencent.com/login 创建存储桶 配置跨域 来源 * (任何都可以访问) put get post 请求都可以 点击概览,查看存储桶基本信息 记录保存存储桶名称和地域 找到api密钥管理,新建密钥 ht…

关于js的BigInt的使用与注意事项

说明 BigInt是一种内置对象,提供了一种方法来表示大于2^53 - 1 的整数,2^53 - 1 为Number可以表示的最大数字,BigInt可以突破限制,可以用任意精度表示整数,超出Number的安全整数限制,也可以安全地存储和操…

Sentinel限流规则支持流控效果

流控效果是指请求达到流控阈值时应该采取的措施,包括三种: 1.快速失败:达到阈值后,新的请求会被立即拒绝并抛出FlowException异常。是默认的处理方式。 2.warm up:预热模式,对超出阈值的请求同样是拒绝并抛…

3D模型格式转换工具HOOPS Exchange的层次结构遍历

这是两部分文章中的第一部分,我们将在其中开发一种通用算法,用于遍历 HOOPS Exchange 中实现的对象层次结构。遍历对象层次结构是几乎每个工作流程的重要且无处不在的部分。我们在这里描述的算法可以在Exchange Toolkit 中找到。 HOOPS Exchange 是一个…

Pypputeer自动化

Pyppeteer简介 pyppeteer 是 Python 语言的一个库,它是对 Puppeteer 的一个非官方端口,Puppeteer 是一个 Node 库,Puppeteer是Google基于Node.js开发的一个工具,它提供了一种高层次的 API 来通过 DevTools 协议控制 Chrome 或 Ch…

【胡寿松 自动控制原理】【考研冲刺加分神器】各院校考研例题详细讲解

声明:本人水平有限,博客可能存在部分错误的地方,请广大读者谅解并向本人反馈错误。    本专栏中包含【胡寿松 自动控制原理】专业课的例题讲解,适合考研冲刺阶段学习,该视频只适合作为辅助教学视频来使用&#xff0c…

Java21 + SpringBoot3集成easy-captcha实现验证码显示和登录校验

文章目录 前言相关技术简介easy-captcha 实现步骤引入maven依赖定义实体类定义登录服务类定义登录控制器前端登录页面实现测试和验证 总结附录使用Session缓存验证码前端登录页面实现代码 前言 近日心血来潮想做一个开源项目,目标是做一款可以适配多端、功能完备的…

openEuler安装KVM

1、关闭防火墙和selinux [rootlocalhost ~]# systemctl stop firewalld[rootlocalhost ~]# setenforce 0 2、下载软件包 libvirt:用于管理虚拟化平台的开源的 API,后台程序和管理工具。 qemu:开源(模拟)软件&#…