2024年【前端寻宝之路】总结学习使用CSS的引入方式，2024前端大厂面试真题

最新推荐文章于 2024-05-21 23:21:19 发布

2401_84433570

最新推荐文章于 2024-05-21 23:21:19 发布

阅读量362

点赞数 3

分类专栏：程序员文章标签：前端学习 css

本文链接：https://blog.csdn.net/2401_84433570/article/details/138492435

版权

程序员专栏收录该内容

179 篇文章 0 订阅

订阅专栏

最后

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

名不虚传！字节技术官甩出的"保姆级"数据结构与算法笔记太香了

| — |
| 👉CSS能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果,能够做到页面的样式和结构分离. |

css控制页面的展示效果
html 决定页面结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>hello world</p>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
 p{
 color: red;
 font-size: 40px;
 }
 </style>
</head>
<body>
    <p>hello world</p>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
 p{
 color: red;
 font-size: 40px;
 }
 </style>
</head>
<body>
    <p>hello world</p>
    <p>Aileen</p>
    <h1>你好</h1>
</body>
</html>

在这里插入图片描述

`选择器+{一条/N条声明}`

选择器(selector)决定针对谁修改使用:区分键值对,使用:区分键(property)和值(value)
声明决定修改啥
声明的属性是键值对,
selector{ property:value }

`CSS引入方式`

内部样式表

将css嵌套到html中 (通过style)标签嵌套

`行内样式表`

在这里插入图片描述


⚠ 行内样式表的优先级比内部样式表优先级高.

`外部样式表`

1.创建一个css文件
2.使用 link 标签引入 css
<link rel="stylesheet" href="/path/example.css">

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./demo02.css">
</head>
<body>
    <p>hello css</p>
</body>
</html>

p{
    color:crimson;
    font-size: 80px;
}

刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端字节跳动真题解析
【269页】前端大厂面试题宝典

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。

2401_84433570

关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
2024年【前端寻宝之路】总结学习使用CSS的引入方式，2024前端大厂面试真题

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】| — || 👉CSS能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果,能够做到页面的样式和结构分离. |css控制页面的展示效果html 决定页面结构
复制链接

扫一扫