当前位置： 首页 > news >正文

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

news 2025/8/26 19:24:12

文章目录

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

1. css 语法规范

在这里插入图片描述

2.css的书写风格

在这里插入图片描述

在这里插入图片描述

3.基础选择器

在这里插入图片描述

选择器的分类

在这里插入图片描述

标签选择器

在这里插入图片描述

类选择器

在这里插入图片描述

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

在这里插入图片描述

id 选择器

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

字体属性

常见字体

在这里插入图片描述

字体大小

在这里插入图片描述

字体粗细

在这里插入图片描述

字体倾斜

在这里插入图片描述

字体的复合简写

在这里插入图片描述

字体属性总结

在这里插入图片描述

文本属性

文本颜色

在这里插入图片描述

文本对齐

在这里插入图片描述

装饰文本

在这里插入图片描述

文本缩进

在这里插入图片描述

文本间距

在这里插入图片描述

文本属性总结

在这里插入图片描述

css的引入方式

内部样式表

在这里插入图片描述

行内样式表

在这里插入图片描述

外部样式表

在这里插入图片描述

css引入方式总结

在这里插入图片描述

http://www.lryc.cn/news/459744.html

相关文章：

  • ORACLE 19C创建多个不同字符集PDB
  • 基于协同过滤的景区旅游可视化与景区推荐系统（自动爬虫，地点可换）
  • ElasticSearch搜索引擎
  • leetcode哈希表（二）-两个数组的交集
  • 嵌入式硬件设计中EDA布局与布线实现
  • entity，pojo，vo，dto 详解
  • C语言常见知识点
  • 产品设计——应用架构
  • Linux初阶——动静态库
  • 创建一个c#程序，实现字符串类型转整数类型
  • Spring Boot知识管理系统：敏捷开发实践
  • 算法竞赛（Python）-AI的思维模式（搜索）
  • Android Studio开发Kotlin项目中遇到的问题解决集
  • 【LeetCode】708. 循环有序列表的插入
  • 2.1.ReactOS源码分析ReadFile函数分解
  • Gridview配置数据源--信任服务器证书
  • 【Next.js 入门教程系列】08-发送邮件
  • Echarts合集更更更之树图
  • 线性代数 行列式
  • Ubuntu 通过 Docker 搭建 GitLab
  • 原来CDC数据同步可以这么简单，零代码可视化一键数据同步
  • Ubuntu环境使用 Whisper 与 ZhipuAI 实现本地批量视频转录与文本标点复原（本地亲测可用）
  • SPI机制
  • 生信分析流程：从数据准备到结果解释的完整指南
  • golang语法
  • 【fisco学习记录2】多群组搭建
  • 深度解读：路由交换、负载均衡与防火墙的网络交响
  • linux线程 | 线程的控制（二）
  • npm install报错一堆sass gyp ERR!
  • 微知-BlueField DPU在lspci中显示Flash Recovery是什么意思？