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输出之后就是红色的你好