CSS简介

一、HTML的局限性

HTML只关注内容的语义。

二、CSS-网页的美容师

CSS是层叠样式表的简称(Cascading Style Sheets)

有时我们也会称之为CSS样式表或级联样式表

CSS也是一种标记语言

CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式

CSS让我们的网页更加丰富多彩,布局更加灵活自如。简单理解为:CSS可以美化HTML,让HTML更漂亮,让布局页面更简单

总结:

a,HTML主要做结构,显示元素内容

b,CSS美化HTML,布局网页

c,CSS最大价值: 由HTML专注去做结构呈现,样式交给CSS,即结构与样式相分离

三、CSS语法规范

解释: 使用HTML时,需要遵从一定的规范,CSS也是如此,想要熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规范

语法:CSS规则由两个主要的部分构成: 选择器以及一条或多条声明

a,选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式

b,属性和属性值以"键值对"的形式出现

c,属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等

d, 属性和属性值之间用英文":"分开

e, 多个"键值对"之间用英文";"进行区分

四、CSS代码风格

a、样式格式书写

1、紧凑格式

2、展开格式

推荐使用第二种格式,显示更加直观

b、样式大小写

推荐样式选择器、属性名、属性值关键字全部使用小写字母,特殊情况除外

c、空格规范

相关推荐
AlienZHOU3 小时前
AI Coding 时代下,我的技术面试实践分享
前端·后端·面试
Captaincc6 小时前
AI用量v0.1.11更新发布 新增 jusage doctor 诊断指令 托盘展示token 和余额 新增 AutoClaw 支持
前端·后端·vibecoding
计算机魔术师8 小时前
德国Wiki被黑后两周,OpenAI终于把模型失控的账本摊开了
前端
kyriewen8 小时前
我让 AI 当面试官面了我一轮:第 3 个追问我就卡住了(附 10 道追问清单)
前端·面试·ai编程
IT_陈寒8 小时前
Python的GIL把我坑惨了,多线程跑得比单线程还慢
前端·人工智能·后端
前端snow9 小时前
ai agent --- 多agent框架之图编排引擎-langgraph
前端
竹林8189 小时前
OmniPic Studio v3.2.1 核心技术架构与全平台发版解析文档
前端·浏览器
JamesZhang800789 小时前
页面内存只涨不跌? 一次泄漏排查, 牵出 WeakMap 的诞生
前端
Z小明9 小时前
第 6 章 组件进阶
前端·vue.js
江华森9 小时前
HTTP请求的完整过程详解:从DNS解析到TCP挥手的微秒级实战分析
前端