css基础2

css基础

css:,是一组样式设置的规则,用来修饰网页的。

作用:页面外观美化

布局和定位

css的文件后缀为.css

css规则由俩个主要部分构成:选择器,以及一条或多条声明

选择器通常是你需要改变样式的html元素

每条声明由一个属性和一个值组成

比如现在要修饰一个网页里的内容

例如:<p>网页</p>

如何改变字的颜色或者大小

在<head></head>之间加入下面

​​

   }

</style>

运行之后就可以改变字的颜色了

前面的p{}这个标签就是<p></p>里的p,尖括号里面是什么就是什么

又比如我现在要改变<h3>我的</h3>这个标签里面的我的就这样

h3{

color:red;

}

如何改变字的大小

就用font-size: ; 这个标签

运行之后就是这样的

css的引入方式:内联样式

解释直接在<p></p>之间加样式如

文字

就可以直接显示出来

内部样式:
就是用style这个标签统一为元素添加样式,就和我上面的改变颜色的过程
外部样式(推荐):

新建一个关于css的文件以.css结尾,在此文件中只能写css不能写html

然后在其中直接输入你想改变谁的什么样式

比如这样可以改变你所有的关于p标签的文字的样式

但是需要你在你运行的主页面在head的里面加入<link rel="stylesheet" hre="路径" >

在路径中输入css文件的名称,具体就是输入./然后选择你要的css文件。

选择器一

全局选择性:

可以与任意元素匹配,优先级最低,一般做样式初始化

*{

color:red;

}

此时的*{}就可以修饰所有的标签里面的内容

元素选择器:

选择html中的元素进行单独改变样式

如果想要将一个标签里面的一段话有不同的状态我们就需要<span></span>这个标签

结果就是这样

类选择器

用圆点.来定义 针对你想要的所有标签使用

你好

.oneclass{

color="red"

}

s输出之后就是红色的你好

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值