【CSS标签及样式】

本文介绍了CSS的基础知识,包括其作用、发展历史、优势以及选择器优先级。详细讲解了字体、文本、背景、列表样式和定位等关键概念,强调了CSS在网页设计中的重要性,如内容与表现的分离、网页布局的灵活性和速度提升。
摘要由CSDN通过智能技术生成

小思考💡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:  bbd92871ab514778addb13fffd9a1d4e.png默认光标

help:       

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值