且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

CSS 简介 | 学习笔记

更新时间:2022-09-07 23:17:56

开发者学堂课程【CSS 快速掌握CSS 简介】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/611/detail/9164


CSS 简介

 

内容介绍

一、什么是 CSS

二、CSS 的主要作用

三、书写 CSS 的语法规则

四、快速入门


一、什么是 CSS

CSS (Capcading Style Sheets 的缩写),翻译为“层叠样式表”或者“级联样式表”,简称样式表。

 

二、CSS 的主要作用

它主要是用来给 HTML 网页来设置外观或者样式

外观或者样式,HTML 网页中的文字的大小、颜色、字体,网页的背景颜色、背景图片。

 

三、书写 CSS 的语法规则

·CSS 代码是由选择器和一对括号组成

·大括号里面是有一条一条的声明语句组成

·每一条语句都要使用英文状态下面的分号

·每一条语句是有“属性:值”组成

·CSS 中的属性值一般不加引号

·在 CSS 中如果属性值为数值型数据的时候,一般情况下需要加单位,单位一般都是 px(像素)

·在 CSS 中不能出现 HTML 标签


四、快速入门

运用 CSS 给文章设置大小和颜色

在 <p> 前面加上 <font color="red" size="7"> 这个时候可以实现,但是当你把字体大小变为8时此时实现不了改变字体大小

若 title 下面加上

<style type="text/css">

  /*

     ​​在这里书写CSS代码

     CSS​​代码:选择器:{语句1;语句2;};

  /*

p{

 color:#FF0000; /*​​给文本设置颜色为#FF0000*/

 font-size:100px; /*​​这次字体大小为100px*/

}

此时字体大小就可以设置为100像素。