CSS笔记01

黑马程序员视频地址:

前端Web开发HTML5+CSS3+移动web视频教程https://www.bilibili.com/video/BV1kM4y127Li?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes

目录

引入方式

CSS特性

继承性

层叠性

优先级

Emmet写法

选择器

基础选择器

标签选择器

类选择器

id选择器

通配符选择器

复合选择器

后代选择器

子代选择器

并集选择器

交集选择器

伪类选择器

结构伪类选择器

伪元素选择器

文字控制属性 

字体大小 font-size

字体粗细 font-weight

字体样式(是否倾斜)font-style

行高 line-height

行高测量方法​编辑

行高垂直居中

字体族 font-family

复合属性 font

文本缩进 text-indent

内容水平对齐方式 text-align 

文字

图片 

文本修饰线 text-decoration

文字颜色 color

背景属性

背景图 background-image

背景图平铺方式 background-repeat

背景图位置 background-position

背景图缩放 background-size

背景图固定 background-attachment

背景复合属性 background

显示模式

转显示模式

盒子模型

组成部分

边框线 border

内边距 padding / padding-方位名词

內减模式 box-sizing

外边距 margin

外边距问题——合并现象

外边距问题——塌陷问题 

内外边距问题——行内元素

元素溢出 overflow

圆角 border-radius

阴影 box-shadow

清除默认样式


引入方式


CSS特性

继承性


层叠性


优先级


Emmet写法


选择器

基础选择器

标签选择器


类选择器


id选择器


通配符选择器


复合选择器

后代选择器


子代选择器


并集选择器


交集选择器


伪类选择器


结构伪类选择器


伪元素选择器


文字控制属性 


字体大小 font-size


字体粗细 font-weight


字体样式(是否倾斜)font-style


行高 line-height

 行高测量方法

行高垂直居中


 字体族 font-family

font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;


复合属性 font


 文本缩进 text-indent


内容水平对齐方式 text-align 

文字

图片 


文本修饰线 text-decoration


文字颜色 color


背景属性


背景图 background-image


背景图平铺方式 background-repeat


背景图位置 background-position


背景图缩放 background-size


背景图固定 background-attachment


背景复合属性 background


显示模式


转显示模式


盒子模型

组成部分


边框线 border


内边距 padding / padding-方位名词


內减模式 box-sizing


外边距 margin


外边距问题——合并现象


外边距问题——塌陷问题 


内外边距问题——行内元素


元素溢出 overflow


圆角 border-radius


阴影 box-shadow


清除默认样式

/* 清除默认内外边距 */ 
*{margin: 0;padding: 0;box-sizing: border-box;}/* 清除列表项目符号 */ 
li{
list-style: none;}

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

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

相关文章

django应急物资管理系统

Django应急物资管理系统是一种高效、智能的管理系统,旨在应对自然灾害、事故灾难等突发事件,确保救援物资能够及时、准确地调配到需要的地方。 一、系统背景与意义 在现代社会,各类突发事件频繁发生,对人民生命财产安全构成严重…

管理口令安全和资源(二)

DBMS_METADATA DBMS_METADATA 是 Oracle 数据库中的一个包,它提供了用于管理数据库元数据的工具和过程。元数据是关于数据的数据,它描述了数据库的结构,包括表、视图、索引、存储过程、用户和其他数据库对象的信息。DBMS_METADATA 包允许用户…

安路FPGA开发工具TD:问题解决办法 及 Tips 总结

安路科技(Anlogic)是一家专注于高性能、低功耗可编程逻辑器件(FPGA)设计和生产的公司。其提供的开发工具TD(TangDynasty)是专门为安路FPGA系列产品设计的集成开发环境(IDE)。以下是对…

Java常用时间类

JDK7的时间类 1:Date类 2:SimpleDateFormat类 3:Calendar类 JDK8的时间类 1:Zoneld类 2:Instant类 3:ZoneDateTime 4:LocalDate 5:LocalTime 6:LocalDateTime …

模块化架构与微服务架构,哪种更适合桌面软件开发?

前言 在现代软件开发中,架构设计扮演着至关重要的角色。两种常见的架构设计方法是模块化架构与微服务架构。它们各自有独特的优势和适用场景,尤其在C#桌面软件开发领域,模块化架构往往更加具有实践性。本文将对这两种架构进行对比&#xff0…

Java开发提效秘籍:巧用Apache Commons IO工具库

一、引言 在 Java 开发的广袤领域中,输入输出(I/O)操作宛如一座桥梁,连接着程序与外部世界,从文件的读取与写入,到网络数据的传输,I/O 操作无处不在,其重要性不言而喻。然而&#xf…

使用 Helm 安装 Redis 集群

在 Kubernetes 集群中使用 Helm 安装 Redis 集群可以极大地简化部署和管理 Redis 的过程。本文将详细介绍如何使用 Helm 安装 Redis 集群,并提供一些常见问题的解决方案。 前提条件 Kubernetes 集群。(略)已安装 Helm 工具。搭建了存储类nf…

算法刷题笔记——图论篇

这里写目录标题 理论基础图的基本概念图的种类度 连通性连通图强连通图连通分量强连通分量 图的构造邻接矩阵邻接表 图的遍历方式 深度优先搜索理论基础dfs 与 bfs 区别dfs 搜索过程深搜三部曲所有可达路径广度优先搜索理论基础广搜的使用场景广搜的过程 岛屿数量孤岛的总面积沉…

C 语言的void*到底是什么?

一、void* 的类型任意性 void* 是一种通用指针类型。它可以指向任意类型的数据。例如,它可以指向一个整数(int)、一个浮点数(float)、一个字符(char)或者一个结构体等。在C语言中,当…

Redis延迟队列详解

以下是对 Redis 延迟队列的详细解释: 一、什么是 Redis 延迟队列 Redis 延迟队列是一种使用 Redis 实现的消息队列,其中的消息在被消费之前会等待一段时间,这段时间就是延迟时间。延迟队列常用于一些需要延迟处理的任务场景,例如订…

利用免费GIS工具箱实现高斯泼溅切片,将 PLY 格式转换为 3dtiles

在地理信息系统(GIS)和三维数据处理领域,不同数据格式有其独特应用场景与优势。PLY(Polygon File Format)格式常用于存储多边形网格数据,而 3DTiles 格式在 Web 端三维场景展示等方面表现出色。将 PLY 格式…

【数据分析】02- A/B 测试:玩转假设检验、t 检验与卡方检验

一、背景:当“审判”成为科学 1.1 虚拟场景——法庭审判 想象这样一个场景:有一天,你在王国里担任“首席审判官”。你面前站着一位嫌疑人,有人指控他说“偷了国王珍贵的金冠”。但究竟是他干的,还是他是被冤枉的&…

ZooKeeper 核心知识全解析:架构、角色、节点与应用

1.ZooKeeper 分布式锁怎么实现的 ZooKeeper 是一个高效的分布式协调服务,它提供了简单的原语集来构建更复杂的同步原语和协调数据结构。利用 ZooKeeper 实现分布式锁主要依赖于它的顺序节点(Sequential Node)特性以及临时节点(Ep…

数据结构与算法之递归: LeetCode 47. 全排列 II (Ts, Py, Go版)

全排列 II https://leetcode.cn/problems/permutations-ii/description/ 描述 给定一个可包含重复数字的序列 nums ,按任意顺序 返回所有不重复的全排列 示例 1 输入:nums [1,1,2] 输出: [[1,1,2],[1,2,1],[2,1,1]]示例 2 输入&#x…

深入理解 Windows Server 的核心功能:现代 IT 架构的基石

深入理解 Windows Server 的核心功能:现代 IT 架构的基石 在现代 IT 基础架构中,Windows Server 一直扮演着不可或缺的角色。它不仅是一个强大的服务器操作系统,更是企业级解决方案的核心支柱。从中小型企业到跨国公司,Windows Server 提供了从身份管理到高可用性的一系列…

Spark任务提交流程

当包含在application master中的spark-driver启动后,会与资源调度平台交互获取其他执行器资源,并通过反向注册通知对应的node节点启动执行容器。此外,还会根据程序的执行规划生成两个非常重要的东西,一个是根据spark任务执行计划生…

54,【4】BUUCTF WEB GYCTF2020Ezsqli

进入靶场 吓我一跳,但凡放个彭于晏我都不说啥了 提交个1看看 1 and 11 1# 还尝试了很多,不过都被过滤了,头疼 看看别人的WP 竟然要写代码去跑!!!,不会啊,先用别人的代码吧&#xf…

Kivy App开发之UX控件Spinner选择框

Spinner也是一个下拉列表,在选择框中快速地从一组值中选择一个值,默认状态下,Spinner会显示当前text的属性值,点击时会显示一个下拉菜单,从其中选择一个新的值。 常用属性如下 属性说明values下拉列表的值,默认空列表[]is_open是否展开,默认falsesync_height是否更改下…

从零搭建一套远程手机的桌面操控和文件传输的小工具

从零搭建一套远程手机的桌面操控和文件传输的小工具 --ADB连接专题 一、前言 前面的篇章中,我们确定了通过基于TCP连接的ADB控制远程手机的操作思路。本篇中我们将进行实际的ADB桥接的具体链路搭建工作,从原理和实际部署和操作层面上,从零…

【深度学习实战】kaggle 自动驾驶的假场景分类

本次分享我在kaggle中参与竞赛的历程,这个版本是我的第一版,使用的是vgg。欢迎大家进行建议和交流。 概述 判断自动驾驶场景是真是假,训练神经网络或使用任何算法来分类驾驶场景的图像是真实的还是虚假的。 图像采用 RGB 格式并以 JPEG 格式…