CSS基础知识(一) CSS入门(css基本知识)

一、CSS使用场景

美化网页,布局页面

二、CSS简介

  1. CSS是层叠样式表(Cascading Style Sheets)的简称,也称之为CSS样式表或级联样式表
  2. CSS是一种标记语言,用于设置HTML页面中的文本内容(字体、大小、对齐方式等),图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式
  3. CSS最大价值:结构与样式相分离(由HTML专注去做结构呈现,样式交给CSS)

三、CSS规则

选择器以及一条或多条声明这两个主要部分构成

  1. 选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体形式
  2. 属性和属性值以"键值对"的形式出现,中间用英文冒号分开;多个键值对之间用英文分号分开

四、CSS代码风格

1.样式格式书写

a.紧凑格式
h3 { color: pink; font-size: 20px;}
b.展开模式(推荐)
h3 {
color: pink;
font-size: 20px;
}

2.样式大小写

小写字母

3.空格规范

a.属性值前面,冒号后面,保留一个空格
b.选择器和大括号中间保留空格

相关文章

CSS基础(CSS基础知识点总结)

CSS介绍CSS(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种语言CSS的作用美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式控制页面布局, 比如: 设置浮...

CSS选择器瘦身记::is()和:where()如何让你的代码少掉一半?

当CSS选择器开始"减肥"你是否也曾面对这样的CSS代码发愁?header p:hover, main p:hover, footer p:hover { color: red;...

css篇一 什么是css、css的作用以及css的基本格式

一、什么是csscss的英文全称是:Cascading Style Sheets,翻译过来叫:层叠样式表。这其中有两个关键字,一个是层叠一个是样式。样式指的是给html调整样式层叠指的是可以叠加调整,...

你不知道的css小技巧(你不知道的css小技巧在哪)

提示:点击上方"蓝色字体"↑ 可订阅!关于我们 51RGB官方微信CSS中的级联(cascade)在同一时间可谓是幸福的,也可以说是痛苦不堪的。通常能工作得非常好,但有问题的时候,也让人们都很激动,甚...

css入门(CSS入门教程)

文章目录CSS入门一、CSS概述1、概述2、CSS的作用3、初体验4、CSS基础语法4、HTML引入CSS二、选择器 1、基本选择器2、扩展选择器3、超链接选择器三、样式权重问题1、权重计算规则2、权...

HTML+CSS基础训练之实现一个“真实”的网页

一、任务介绍:高保真的完成下图布局:二、分析布局首先要分析一下各个模块的布局我们依旧使用的盒子模型。首先先分为两个大盒子(红色边框)header 盒子和 content 盒子。其中content中相对...