CSS入门学习

Posted 6+3

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS入门学习相关的知识,希望对你有一定的参考价值。

CSS快速入门

一、简介

  1. CSS 是 Cascading Style Sheets 的缩写,即:层叠样式表单

  2. CSS 是 html 语言的一种扩展,其主要作用为:

  • 定义 Web 页面布局以及页面中元素的显示方式
  • 利用 CSS 样式实现 HTML 内容(结构)与表现(格式)的分离
  1. CSS 与 HTML 加载流程

二、 CSS 语法
1、CSS 语法结构

2、CSS 注释
以 /* 开始,以 */ 结束,中间为注释内容
●注释不会被浏览器解释和执行
●良好注释可以极大的提高代码可读性

三、CSS 引入方式
●内嵌式:又称行内式,在HTML标签上编写样式,如:<p style="color:red">
直接编写在HTML标签上 style

●内部式:包含在HTML的中,只对当前页面有效,如:<style>...</style>
在HTML中的 style 代码块中编写样式

●外部式:链接引入外部样式表文件,如:<link href="style.css" ...>
在HTML中引入外部 CSS 文件

<link rel="stylesheet" type="text/css" href="style.css">

引入外部样式标识:link
外部样式文件:href=“style.css”

四、CSS选择器
选择器用于定位(选择)需要添加样式的网页元素
●标签选择器
HTML标签名(元素)作为选择器名称,如:div 、h1 、p …

●类选择器
类(class)用于描述一组标签的样式,class 可以用在多个标签中

●ID选择器
ID选择器用于为标有特定ID的HTML标签设置样式

●通配符选择器
利用 * 为指定范围内的所有标签设置样式

●包含选择器
HTML中为父元素(标签)下的子元素设置样式

●选择器分组
为一组元素设置相同样式,利用逗号分割多个选择器

以上是关于CSS入门学习的主要内容,如果未能解决你的问题,请参考以下文章

Canvas 入门5 在Canvas中使用HTML元素

Blazor 范围内的 CSS 未在 Azure Pipelines 上构建

组件范围内的 CSS 选择器最佳实践 [关闭]

CSS - 绝对在固定范围内,滚动溢出和 100% 高度

<the> 范围内的 CSS 样式元素

学习Sass