前端开发笔记--css 黑马程序员1

server/2024/10/22 15:35:26/

文章目录

  • 1. css 语法规范
  • 2.css的书写风格
  • 3.基础选择器
    • 选择器的分类
      • 标签选择器
      • 类选择器
        • 类选择器的特殊使用--多类名
      • id 选择器
  • 字体属性
    • 常见字体
    • 字体大小
    • 字体粗细
    • 字体倾斜
    • 字体的复合简写
    • 字体属性总结
  • 文本属性
    • 文本颜色
    • 文本对齐
    • 装饰文本
    • 文本缩进
    • 文本间距
    • 文本属性总结
  • css的引入方式
    • 内部样式表
    • 行内样式表
    • 外部样式表
    • css引入方式总结

css__4">1. css 语法规范

在这里插入图片描述

css_6">2.css的书写风格

在这里插入图片描述

在这里插入图片描述

3.基础选择器

在这里插入图片描述

选择器的分类

在这里插入图片描述

标签选择器

在这里插入图片描述

类选择器

在这里插入图片描述

类选择器的特殊使用–多类名

在这里插入图片描述

id 选择器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

字体属性

常见字体

在这里插入图片描述

字体大小

在这里插入图片描述

字体粗细

在这里插入图片描述

字体倾斜

在这里插入图片描述

字体的复合简写

在这里插入图片描述

字体属性总结

在这里插入图片描述

文本属性

文本颜色

在这里插入图片描述

文本对齐

在这里插入图片描述

装饰文本

在这里插入图片描述

文本缩进

在这里插入图片描述

文本间距

在这里插入图片描述

文本属性总结

在这里插入图片描述

css_52">css的引入方式

内部样式表

在这里插入图片描述

行内样式表

在这里插入图片描述

外部样式表

在这里插入图片描述

css_59">css引入方式总结

在这里插入图片描述


http://www.ppmy.cn/server/131442.html

相关文章

Android适配器更改，ListView未收到通知解析

Android适配器更改，ListView未收到通知解析

只需要在每次适配器发生变化时&#xff0c;调用函数adapter.notifyDataSetChanged(); 其中的adapter是适配器名。 需要说明的适配器对应的数组&#xff1a;List<String>也是适配器的一部分。 如&#xff1a;以下代码中的lists数组 List<T> lists new ArrayLis…
阅读更多...
mybatisPlus对于pgSQL中UUID和UUID[]类型的交互

mybatisPlus对于pgSQL中UUID和UUID[]类型的交互

在PGSQL中&#xff0c;有的类型是UUID和UUID[]这种类型&#xff0c;在mybatis和这些类型交互的时候需要手动设置类型处理器才可以&#xff0c;这里记录一下类型处理器的设置 /*** UUID类型处理器*/ public class UUIDTypeHandler extends BaseTypeHandler<UUID> {/*** 获…
阅读更多...
计算机网络：数据链路层 —— 网络适配器与 MAC 地址

计算机网络：数据链路层 —— 网络适配器与 MAC 地址

文章目录 网络适配器使用网络适配器网络适配器类型 MAC 地址MAC 地址格式MAC 地址类型MAC 地址发送顺序数据接收MAC 地址泄露问题 网络适配器 要将计算机连接到以太网&#xff0c;需要使用相应的网络适配器&#xff08;Adapter)&#xff0c;网络适配器一般简称为“网卡”。在计…
阅读更多...
web1.0,web2.0,web3.0 有什么区别 详解

web1.0,web2.0,web3.0 有什么区别 详解

Web 的发展经历了多个阶段&#xff0c;每个阶段都有其独特的特点和技术进步。下面是 Web 1.0、Web 2.0 和 Web 3.0 之间的主要区别和详细解释&#xff1a; Web 1.0 时间范围&#xff1a;大约在 1991 年至 1995 年。 Web 1.0 是互联网的最初形态&#xff0c;也被称为静态 Web…
阅读更多...
问：说说JVM不同版本的变化和差异？

问：说说JVM不同版本的变化和差异？

在Java程序的执行过程中&#xff0c;Java虚拟机&#xff08;JVM&#xff09;扮演着至关重要的角色。它不仅负责解释和执行Java字节码&#xff0c;还管理着程序运行时的内存。根据JVM规范&#xff0c;JVM将其所管理的内存划分为多个不同的数据区域&#xff0c;包括程序计数器、J…
阅读更多...
163页PPT罗兰贝格品牌战略升级：华为案例启示与电器集团转型之路

163页PPT罗兰贝格品牌战略升级：华为案例启示与电器集团转型之路

罗兰贝格作为一家全球顶级的战略管理咨询公司&#xff0c;其品牌战略升级理念在多个行业中得到了广泛应用。以下将以华为案例为启示&#xff0c;探讨电器集团的转型之路&#xff0c;并融入罗兰贝格品牌战略升级的思想。 一、华为案例的启示 华为与罗兰贝格联合撰写的《数据存…
阅读更多...
使用 Redis 在 Spring Boot 中实现排行榜功能

使用 Redis 在 Spring Boot 中实现排行榜功能

一、Redis Sorted Set 简介 Redis 提供的 Sorted Set 数据结构非常适合用于排行榜场景。Sorted Set 既具备 Set 的无重复元素特性，又具备 List 的排序特性。Sorted Set 中的每个元素都会关联一个分数（score），通过这个分数进行排序。 1.1 Sorted Set 的基本操作 添加元素：…
阅读更多...
解决Element-ui input 在搜狗输入法下，限制输入数字时先输入汉字后无法绑定的问题

解决Element-ui input 在搜狗输入法下，限制输入数字时先输入汉字后无法绑定的问题

在使用 Element UI 的 el-input 组件时&#xff0c;如果需要限制用户只能输入数字&#xff0c;并且确保在输入汉字后再输入数字能够正确绑定&#xff0c;以下提供两种解决方案&#xff0c;需要根据情况适当修改 监听 input 事件并处理值&#xff1a; 可以在 el-input 组件上监听…
阅读更多...
最新文章

Copyright @ 2022~2023