初识CSS

您所在的位置:网站首页 html添加css 初识CSS

初识CSS

2023-01-08 18:46| 来源: 网络整理| 查看: 265

文章目录 1.认识CSS2.CSS的编写3.CSS的应用3.1 内联样式3.2 内部样式表3.3外部样式表 4.CSS注释

1.认识CSS

CSS表示层叠样式表(Cascading Style Sheet,简称:CSS,又称为又称串样式列表、级联样式表、串接样式表、阶层式样式表)是为网页添加样式的代码。

CSS的出现是为了美化HTML的,并且让**结构(HTML)与样式(CSS)**分离

美化方式一 为HTML添加各种各样的样式 比如颜色、字体、大小、下划线等等;

美化方式二 对HTML进行布局 按照某种结构显示(CSS进行布局-浮动、flex、grid )

2.CSS的编写

声明(Declaration)一个单独的CSS规则 如 color: red; 用来指定添加的CSS样式

属性名(Property name) 要添加的css规则的名称

属性值(Property value) 要添加的css规则的值

3.CSS的应用

CSS提供了3种方法,可以将CSS样式应用到元素上:

内联样式(inline style)

内部样式表(internal style sheet)、文档样式表(document style sheet)、内嵌样式表(embed style sheet)

外部样式表(external style sheet)

3.1 内联样式

内联样式表存在于HTML元素的style属性之中

CSS样式之间用分号;隔开,建议每条CSS样式后面都加上分号

3.2 内部样式表

将CSS放在HTML文件元素里的元素之中

3.3外部样式表

外部样式表(external style sheet)是将css编写一个独立的文件中 并且通过元素引入进来

使用外部样式表主要分成两个步骤:

第一步 将css样式在一个独立的css文件中编写(后缀名为.css)第二步 通过元素引入进来

可以在style元素或者CSS文件中使用@import导入其他的CSS文件

4.CSS注释

CSS代码也可以添加注释来方便阅读:

CSS的注释和HTML的注释是不一样的;

/*注释内容*/



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3