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、空格规范

相关推荐
胡萝卜术2 小时前
从API调用到手写LRU:力扣146「LRU缓存」的哈希表+双向链表终极进化之路
前端·javascript·面试
科技道人2 小时前
记录 默认置灰/禁用 app ‘Search Engine Selector‘ 的disable按钮
开发语言·前端·javascript
天疆说2 小时前
Zotero Connector 在 Edge 里找不到桌面 Zotero(Linux / Zotero 9.0.6 / Edge 150)
linux·前端·edge
李伟_Li慢慢3 小时前
02-从硬件说起WebGL
前端·three.js
kyriewen4 小时前
看了微软几万人用AI编程的数据——效率涨24%的代价没人提
前端·ai编程·claude
2601_963771374 小时前
How to Scale Your WordPress Store Traffic in 2026
前端·php·plugin
亿元程序员5 小时前
老板说我的3D箭头游戏用来做试玩太普通了,没人想玩,让我变点花样...
前端
李伟_Li慢慢5 小时前
01-threejs架构原理-课程简介
前端·three.js
_瑞7 小时前
深入理解 iOS 渲染原理
前端·ios
IT_陈寒7 小时前
SpringBoot自动配置失灵?你可能忘了这个关键注解
前端·人工智能·后端