乐趣区

关于前端:CSS-介绍

jiezi

CSS 介绍

原文链接：https://note.noxussj.top/?sou…

什么是 CSS？

CSS 指层叠样式表 (Cascading Style Sheets)，了解为 CSS 款式就能够了。CSS 款式有什么作用呢？比方咱们在页面中增加了一个 div，我想给这个 div 设置宽度、高度、背景色、暗影、内容字体款式等等，就是通过 CSS 款式来实现。也就是丰盛 HTML 标签的款式。

现实生活举例，body 外面的所有标签就像是不同的一个人，每个人的特色都不同。style 外面定义的每一个 .xxx 款式，就代表买了一件衣服。这个衣服你能够给任何一个人穿，也就是能够给任何一个标签应用。这个标签穿了衣服就会变得更好看。一个人能够穿多件衣服，也能够多集体穿同一件衣服。

CSS 构造 

<html>
    <head>
        <title> 我是网站题目 </title>
        <style>
            .my-content {
                font-size: 30px;
                color: red;
            }
        </style>
    </head>
    <body>
        <div class="my-content"> 我是一个人，我穿了一件红色衣服（my-content）</div>
    </body>
</html>

CSS 语法

语法规定：选择器 + 类名 + 款式体

例如：.my-content {}
解析：. 代表类选择器、my-content 代表类名、{} 款式写在外面

色彩模式

CSS 中定义色彩应用十六进制（hex）表示法为红，绿，蓝的色彩值联合。能够是最低值是 0 (十六进制 00) 到最高值是 255 (十六进制 FF)。

模式名称 写法 简写
十六进制 HEX #aabbcc #abc
RGB rgb(170, 187, 204)
RGBA rgba(170, 187, 204, 0.5)

最全面的前端笔记来啦，蕴含了入门到入行的笔记，还反对实时成果预览。小伙伴们不须要在花工夫去写笔记，或者是去网上找笔记了。面试高频发问和你想要的笔记都帮你写好了。反对挪动端和 PC 端浏览，深色和浅色模式。

原文链接：https://note.noxussj.top/?sou…

退出移动版