小思考💡CSS是什么?
中文名称:层叠样式表
英文全称:Cascading Style Sheets
CSS的作用
在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
CSS发展史
1996 | CSS 1.0层叠样式表的第一份正式标准完成,成为w3c的推荐标准. |
1998 | CSS 2.0版本发布. |
2004 | CSS 2.1版本发布. |
2004—至今 | CSS3 各模块陆续发布. |
CSS优势
1、内容与表现分离
2、减少网页代码量
3、有利于被搜索引擎收录
4、提高网页浏览速度
5、页面布局灵活
6、网页风格统一
CSS选择器优先级
选择器优先级 id选择器 > 类(class)选择器 > 标签选择器
CSS样式优先级
行内(内联)样式 > 内部样式表 > 外部样式表
小思考💡
网页中如何引入CSS样式表 ?
答案:
外部引入CSS样式表代码
<link rel="stylesheet" href="/css/外部样式表.css">
字体样式
字体:font-family ( "隶书" "楷体" )
字体大小:font-size ( px 像素 )
字体风格:font-style ( italic 斜体 )
字体粗细:font-weigth ( bold ( 100~900 ) 定义粗体字符 )
文本样式
color: 1️⃣red 2️⃣#362596 3️⃣rgb(32,250,50)
text-align :1️⃣ left 2️⃣center 3️⃣right
text-decoration
1️⃣none:默认
2️⃣underline:定义文本下划线
3️⃣overline:定义文本上划线
4️⃣line-through:定义穿过文本的一条线
text-indent: 设置首行文本的缩进
line-height: 设置文本的行高
鼠标样式
defalut: 默认光标
help: