css简介

最新推荐文章于 2024-07-25 20:29:35 发布

dexi.Chi 攻城狮

最新推荐文章于 2024-07-25 20:29:35 发布

阅读量148

点赞数 3

本文链接：https://blog.csdn.net/weixin_43949154/article/details/103549786

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

css

CSS的简介

层叠样式表。

        CSS与HTML的结合
        1. HTML的标签提供了属性	style="CSS的代码"
		2.HTML提供了标签	<style type="text/css">CSS的代码</style>	放在<head>中间
		3.引入外部的文件
			@import url("CSS文件的地址");	写在<style>标签中间
		4.通过html的标签	<link rel="stylesheet" type="text/css" href="CSS的地址" >

优先级：一般情况下从上到下，由外到内，优先级从低到高的。特殊情况下标签选择器 < 类选择器 < ID选择器 < style属性

CSS的选择器

		1.基本选择器
			* 标签名选择器       
				* div{CSS}
		2.类选择器
				* 有一个标签，提供了class属性	<div class="值"></div>
				* .值{CSS}
		3. ID选择器
				* 有一个标签，提供了class属性	<div id="值"></div>
				* #值{CSS}
				
		4.扩展选择器
			* 关联选择器
				* 中间使用空格	例子：	div font{CSS}
			* 组合选择器
				* 不同的选择器有相同的样式	例子：	.class,#id{CSS}
			* 伪元素选择器
				* CSS提供了一些选择器。
				例子：它可以给html不存在的标签设置样式，比如给一个"鼠标滑过的状态"设置颜色
				A: a:link{color:#FF000000}  未被访问的状态 #FF000000(红色)
				B: a:visited{color:#00FF00}  正在被点击的状态#00FF00(绿色)
				C: a:hover{color:#FF00FF} 鼠标悬停时的状态#FF00FF(粉色)
				D: a:active{color:#0000FF}  已经被访问的状态#0000FF(蓝色)

注意： a:hover必须位于a:link和a:visited之后，a:active必须位于a:hover之后定义才能生效。

CSS的布局

		1.块状元素
		2.内联元素(内行元素)
		3.内敛块状元素

dexi.Chi 攻城狮

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css简介

CSS的简介层叠样式表。 CSS与HTML的结合 1. HTML的标签提供了属性 style="CSS的代码" 2.HTML提供了标签 <style type="text/css">CSS的代码</style> 放在<head>中间 3.引入外部的文件 @import url("CSS文件的地址"); 写在&lt...
复制链接

扫一扫

专栏目录