1.css概念,样式表,选择器

本文深入讲解CSS的概念、作用及三种应用方式:行内样式、内部样式表和外部样式表。同时,介绍了CSS基础选择器,包括标签选择器和类选择器,以及字体样式的设置方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.css

概念:
css,通常称为css杨书记表或层叠样式表(级联样式表)
作用:
1.主要用于设置HTML页面中的文本内容(字体,代销,对齐方式等),图片的 外型(宽高,边框样式,边距等)以及版面 的布局和外观显示。

2.css以HTML为基础,提供了丰富的功能,如字体,颜色背景的控制及整体排版等,而且还可以针对不同 的浏览器设置不同的样式。

css样式表

行内样式(内联样式)
概念
称行内式,行间样式。

是通过标签的style属性 来设置元素的 样式

<标签名 style="属性1:属性值1">内容</标签名>
内部样式表(内嵌样式表)
概念
称内嵌式

是将css代码集中写在HTML文档的head头部标签中,并且用style标签定义
<head>
	<style>
		选择器(选择的标签){
            属性1:属性值1
		}
	</style>
</head>
外部样式表(外链式)
概念
称链入式

是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link标签 将外部样式表链接到html文档中
<head>
	<link rel="stylesheet" type="text/css" href="css文件路径">
</head>

css基础选择器

标签选择器
概念:
标签选择器(元素选择器)是指用HTML标签名称为选择器,按标签名称分类,为页面中某一类指定统一的css样式
作用:
标签选择器可以把某一类标签全部选择出来 比如所有的div标		签和所有的span标签

标签名{属性1:属性值1;属性2:属性值2; 属性3:属性值3;}
类选择器
类选择器使用”." (英文点号)进行标识,后面紧跟类名.

.类名{
    属性1:属性值1;
    属性2:属性值2;
}

css字体样式

font-size
作用:
font-size属性设置字号

p{
    font-size:16px;
}
font-family
作用
font-family属性用于设置哪一种字体
p{font-family:"微软雅黑";}
font-weight
作用

字体加粗(b和strong标签是文本加粗)

normal(默认值) bold(加粗)

font-style:字体风格
text-align:文本水平对齐
line-height:行间距
text-indent首行缩进
text-decoration文本装饰(none无样式,underline下划线
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值