0
点赞
收藏
分享

微信扫一扫

CSS基础内容(极简)

探头的新芽 2022-03-20 阅读 44
css

CSS简介

什么是css?

为什么使用CSS

  1. 能复用
  2. 能大量编写样式

CSS基本语法

编写位置

在这里插入图片描述

语法规则

在这里插入图片描述

样式名:样式值
每一组之间用;隔开,最后一个不用
如果样式重叠,会优先选择理他最近的样式

在这里插入图片描述
还可以用link标签

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

其中rel以及type是写死的
href表示CSS文件位置

CSS选择器

(1)标签选择器

标签名{
	样式......
}

在这里插入图片描述

(2)id选择器

在这里插入图片描述

#id{
	样式......
}

(3)类选择器

.类的值{
	样式
}

(4)组选择器

选择一组元素,选中的这些元素全部应用

选择器1,选择器2,...{
	样式
}

div

父元素必须有高度,因为网页高度不确定,所以能在包裹div的父元素里定义高度后才能在head中用百分比定义盒子的大小

父元素&子元素: html的标签都是有一个层架关系的,简单的例子就是html中的标签都是闭合的,闭合的中间还可以嵌套其他的标签,则嵌套在某个标签里面的标签就成了这个标签的子元素,外边的元素就是父元素。

颜色

颜色共有三种写法

颜色名

直接写颜色名
例如:red blue green yellow

RGB值

依次写R(red) G(green) B(blue) 的值 三个值都是0~255
格式:rgb(0 ~ 255,0 ~ 255,0 ~ 255)

16进制的值

格式:#两位数 两位数 两位数

常用样式

  • 宽度&高度
    可以写像素值:54px
    可以写百分比值:30%

在这里插入图片描述
在这里插入图片描述

举报

相关推荐

0 条评论