基础认知
CSS的介绍
CSS:全称:Cascading Style Sheets,中文译为:层叠样式表
CSS的作用:给页面的HTML标签设置样式
基础选择器
标签选择器
结构:标签名{CSS属性:属性值;}
类选择器
结构:.类名{CSS属性:属性值;}
作用:通过类名,找到页面中的所有这个类名的标签,设置样式
注意点:1、所有上都有class属性;2、类名可以由数字、字母、下划线组成,但不能以数字或下划线开头;3、类名可以重复;4、一个标签可以有多个类名,类名之间以空格隔开
id选择器
结构:#id{CSS属性:属性值;}
作用:通过id属性值,找到页面中带有这个id属性值的标签,设置样式
注意点:1、所有上都有id属性;2、id属性值是唯一的,不能重复;3、一个标签只能有一个id属性值;4、一个id选择器只能选中一个标签
标签:样式,标签,学习,CSS,id,类名,属性 From: https://blog.csdn.net/wslmh147/article/details/136655482CSS的常见属性
属性名 作用 color 文字颜色 background-color 背景颜色 wiidth 宽度 height 高度 font-style:italic; 文字倾斜 font-family 文字字体样式 font-size
(文字大小默认是16px)
改变文字大小 text-align:start; 文字左对齐 text-align:end;
文字右对齐 text-align:center; 文字居中对齐 text-weight:bold; 文字加粗 line-height 文字行高距 border-top 设置上边框样式 border-bottm
设置下边框样式 border-left 设置左边框样式 border-right 设置右边框样式 border
同时设置四个边框样式 solid 实线 dashed 虚线 double 双实线