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...