css 样式简单学习(一)

news/2024/9/23 11:13:50 标签: css, 学习, 前端

目录

css%20%E4%BB%8B%E7%BB%8D-toc" style="margin-left:120px;">1. css 介绍

css%20%E6%A0%B7%E5%BC%8F-toc" style="margin-left:160px;">1.1 css 样式

css%E4%BB%A3%E7%A0%81%E9%A3%8E%E6%A0%BC-toc" style="margin-left:160px;">1.2 css代码风格

1.2.1 书写格式

1.2.2 样式大小写​编辑

1.2.3 空格规范

2. 基础选择器

2.1 选择器的作用​编辑

2.2 选择器的分类

2.3 基础选择器

2.3.1 标签选择器​编辑

2.3.2 类选择器​编辑

2.3.3 类选择器-多类名​编辑

2.3.4 id 选择器

2.3.5 区别​编辑

2.3.6 通配符选择器​编辑​编辑​编辑

2.3.7 基础选择器总结​编辑​编辑

3. 设置字体属性

3.1 字体样式

3.2 字体大小

3.3 字体粗细

3.4 文字样式

3.5 复合样式

3.6 字体属性总结​编辑

4. 文本属性

4.1 文本颜色

4.2 对齐文本

4.3 装饰文本

4.4 文本缩进

4.5 行间距

4.6 文本属性总结​编辑


1. css 介绍

  

css%20%E6%A0%B7%E5%BC%8F">1.1 css 样式

css%E4%BB%A3%E7%A0%81%E9%A3%8E%E6%A0%BC">1.2 css代码风格
1.2.1 书写格式

1.2.2 样式大小写
1.2.3 空格规范

2. 基础选择器
2.1 选择器的作用
2.2 选择器的分类

2.3 基础选择器
2.3.1 标签选择器

作用:

优点:

缺点:

2.3.2 类选择器

语法:

2.3.3 类选择器-多类名

多类名使用场景:类似于降低代码的冗余度,增强复用性(高内聚,低耦合);

使用方式:

2.3.4 id 选择器

目前是 2024年9月份,id 选择器是可以重复使用的,但在后期 js 的编写过程中会有影响;

2.3.5 区别
2.3.6 通配符选择器
2.3.7 基础选择器总结
3. 设置字体属性
3.1 字体样式

3.2 字体大小

3.3 字体粗细

3.4 文字样式

3.5 复合样式

3.6 字体属性总结
4. 文本属性
4.1 文本颜色

4.2 对齐文本

4.3 装饰文本

4.4 文本缩进

4.5 行间距

文本高度是不变的。

例如:行高为 16px,字体大小为 16px,那么上/下间距为 0;

行高为 36px,字体大小为 16px,那么上下间距为 10px;

4.6 文本属性总结

http://www.niftyadmin.cn/n/5671841.html

相关文章

FLStudio21Mac版flstudio v21.2.1.3430简体中文版下载(含Win/Mac)

给大家介绍了许多FL21版本,今天给大家介绍一款FL Studio21Mac版本,如果是Mac电脑的朋友请千万不要错过,当然我也不会忽略掉Win系统的FL,链接我会放在文章,供大家下载与分享,如果有其他问题,欢迎…

【C语言零基础入门篇 - 16】:栈和队列

文章目录 栈和队列栈栈功能的实现源代码 队列队列功能的实现源代码 栈和队列 栈 什么是栈:功能受限的线性数据结构 栈的特点:先进后出 。例如:仓库进货、出货。 栈只有一个开口,先进去的数据在栈底(bottom&#xf…

斗破C++编程入门系列之三十二:继承与派生:派生类的构造函数(一星斗师)

斗破C目录: 斗破C编程入门系列之前言(斗之气三段) 斗破C编程入门系列之二:Qt的使用介绍(斗之气三段) 斗破C编程入门系列之三:数据结构(斗之气三段) 斗破C编程入门系列之…

2024自学手册——网络安全(黑客技术)

前言 什么是网络安全 网络安全可以基于攻击和防御视角来分类,我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。 如何成为一名黑客 很多朋友在学习安全方面都会半路转行&#xff0c…

网安新声 | 黎巴嫩BP机爆炸事件带来的安全新挑战与反思

网安加社区【网安新声】栏目,汇聚网络安全领域的权威专家与资深学者,紧跟当下热点安全事件、剖析前沿技术动态及政策导向,以专业视野和前瞻洞察,引领行业共同探讨并应对新挑战的策略与可行路径。 9月17日,黎巴嫩境内发…

论文阅读与分析:Few-Shot Graph Learning for Molecular Property Prediction

论文阅读与分析:Few-Shot Graph Learning for Molecular Property Prediction 论文地址和代码地址1 摘要2 主要贡献3 基础知识Meta Learning1 介绍2 学习算法Step 1: What is learnable in a learning algorithm?Step 2:Define loss function for learn…

本地电脑基于nginx的https单向认证和双向认证(自制证书+nginx配置)保姆级

目录 1、背景 2、运行环境 3、工具下载 3.1、OpenSSL下载 3.2、nginx下载 4、制作https证书: 4.1、CA与自签名: 4.2、制作CA根证书(公钥) 4.3、制作服务端证书: 4.4、制作客户端证书: 4.5、制作…

MATLAB-最小二乘辨识

一、最小二乘法(Least Squares Method)一般步骤 非线性最小二乘法是一种用于优化非线性系统模型的数学方法,它通过迭代过程来逐步逼近最优解。这种方法在处理非线性系统时非常有用,因为它允许模型在数据拟合过程中具有更灵活的形…