CSS3基础

简介: CSS3基础

CSS全称为层叠样式表(Cascading Style Sheets)主要是用于定义HTML内容在浏览器中的显示样式,如文字大小、颜色、字体加粗等。

如下列代码:


p{
   font-size:12px;
   color:red;
   font-weight:bold;
}


使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。


css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:


2466108-3c61a386ebc9059e.webp.jpg


选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。


声明:在英文大括号“{}”中的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:


p{font-size:12px;color:red;}


注意:


1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。

2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:


p{
   font-size:12px;
   color:red;
}


就像在HTML的注释一样,在CSS中也有注释语句:用/* 注释语句 /*来标明(HTML中使用)。

就像下面代码:


/*设置段落默认格式*/
p{
   font-size:12px;
   color:red;
}


目录
相关文章
|
6月前
|
Web App开发 前端开发 JavaScript
CSS基础
【8月更文挑战第27天】
27 3
|
6月前
|
前端开发 UED
css基础
css基础
28 0
|
6月前
|
前端开发 UED
CSS 基础
【8月更文挑战第16天】
|
9月前
|
前端开发
CSS基础 2(2)
CSS基础 2
48 2
|
9月前
|
前端开发 容器
CSS 基础 3
CSS 基础 3
48 1
|
9月前
|
前端开发 安全 容器
CSS基础 2(1)
CSS基础 2
42 0
|
9月前
|
Web App开发 XML 前端开发
CSS基础-超详解 (1)
CSS基础-超详解 (1)
49 0
|
9月前
|
前端开发 UED
CSS基础讲解
CSS(层叠样式表,Cascading Style Sheets)是一种用于描述网页元素样式的标记语言。它与HTML一起使用,可以控制网页的布局、字体、颜色、大小、背景等各种外观和样式。 通过在HTML文档中引入CSS样式表,可以简化网页设计和维护过程。通过将样式应用到HTML元素上,可以更改元素的外观,而无需修改HTML本身。这种分离的结构使得样式和内容可以独立开发和管理。
89 1
|
9月前
|
前端开发 JavaScript 程序员
CSS【基础】
CSS【基础】
79 0
|
存储 人工智能 前端开发
CSS基础(3)
CSS 的三大特性 CSS有三个非常重要的三个特性:层叠性、继承性、优先级 网页布局过程: 先准备好相关的网页元素,网页元素基本都是盒子Box 。 利用 CSS 设置好盒子样式,然后摆放到相应位置。 往盒子里面装内容。 网页布局的核心本质:就是利用 CSS 摆盒子。
145 1

热门文章

最新文章