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

devtools/2024/10/20 4:05:53/

文章目录

  • 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/devtools/125250.html

相关文章

入门篇-1 数据结构简介

数据结构简介 在计算机科学中,数据结构是指组织、存储和管理数据的方式,它使得数据可以被高效地访问和修改。数据结构是计算机程序设计和算法分析中的一个重要概念,因为它们直接影响到程序的执行效率和内存使用。 1. 什么是数据结构&#x…

Unity 3d 继承MonoBahaviour的单例

在使用Unity3d开发游戏或做客户端项目时,单例是最常见的模式之一,他简单了类的创建,在代码中可以直接调用。下面是两个例子,代码两种不同类型的单例,一个是基本类的单例基类,不是unity MonoBehaviour的类都…

ES6语法有哪些

ES6语法包括let和const声明、箭头函数、模板字符串、解构赋值、扩展运算符、类和模块化等。以下是这些特性的具体介绍: let和const声明 let声明:let允许程序员在块级作用域内声明变量,这意味着变量只在其定义的代码块(由大括号包围…

JavaScript 第8章:日期与时间

在编程中处理日期与时间是一个常见的需求,特别是在涉及到数据记录、定时任务或者任何需要时间和日期的应用场景中。下面我们将针对您提到的几个方面来展开深入讲解。 Date 对象 在JavaScript中,Date对象用于处理日期和时间。创建一个Date对象可以使用以…

神经网络的一些benchmark示例

1.MLPerf https://github.com/mlcommons/inference?tabreadme-ov-file https://docs.mlcommons.org/inference/benchmarks/text_to_image/sdxl/ MLPerf 是一个业界标准的机器学习基准测试套件,旨在评估各种硬件、框架和模型的性能。它包含训练和推理两个部分&…

85 外网用户通过域名访问内网服务器

1. 组网需求 某公司内部对外提供Web服务,Web服务器地址为10.110.10.2/24。 该公司在内网有一台DNS服务器,IP地址为10.110.10.3/24,用于解析Web服务器的域名。 该公司拥有两个外网IP地址&#x…

科大讯飞 C++开发工程师

文章目录 1. 内存泄漏和内存溢出的概念内存泄漏和内存溢出的概念2. new的底层原理3. this指针的原理 如果把this delete,还能用吗,什么场景下还能用?4. 进程间的通信方式,线程间的通信方式进程间的通信方式线程间的通信方式5. 怎么避免死锁6. 四种强制类型转换7. 右值引用和…

vue路由缓存问题

什么是路由缓存问题 解决方案&#xff1a; 让组件实例不再复用&#xff0c;强制销毁重建监听路由变化&#xff0c;变化之后执行数据更新操作 方法一 给 routerv-view 添加key属性&#xff0c;强制不添加缓存&#xff0c;破坏缓存&#xff0c;所以这个方法性能会比较差 <Ro…