0
点赞
收藏
分享

微信扫一扫

css基础语法

互联网码农 2022-02-17 阅读 64
csshtmlcss3
  1. 四种选择器

①标签选择器,以标签命名的选择器,但是选中所有的这个标签都生效css
②类选择器,.类名{css属性名:属性值;}

一个标签可以多个类名,空格隔开
类名只能由数字、字母、下划线、中划线组成,不能以数字或者中划线开头

类名只能由数字、字母、下划线、中划线组成,不能以数字或者中划线开头
一个标签可以多个类名,空格隔开

在这里插入图片描述
在这里插入图片描述
③id选择器(用于配合js做美化)

#id属性值{css属性名:属性值:}

id属性是唯一的,不能重名
一个标签只能一个id属性值
一个id选择器只能选中一个标签

在这里插入图片描述
在这里插入图片描述
④通配符选择器

*{css属性名:属性值:}

一般用于去除标签默认的margin(边距)和padding(内边距)

  1. 文字样式、
    字体大小:font-size
    粗细:font-weight
    样式:font-style
    类型:font-family 或 font属性连写

谷歌默认文字大小16px
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
字体:
无衬线字体:黑体,Arial
衬线字体:宋体,times new roman
等宽字体:consolas, fira code
在这里插入图片描述
CSS层叠
层叠性:后面的覆盖前面的属性
在这里插入图片描述

举报

相关推荐

CSS基础语法与盒模型

常用css 语法

CSS基本语法

CSS基本语法格式

CSS导读 (Emmet语法)

CSS基本语法(二)

0 条评论