CSS学习-02

最新推荐文章于 2024-06-27 23:28:24 发布

zyhsna

最新推荐文章于 2024-06-27 23:28:24 发布

阅读量97

点赞数

分类专栏：前端学习文章标签： css html5 html

本文链接：https://blog.csdn.net/zyhsna/article/details/107676110

版权

4 篇文章 0 订阅

订阅专栏

元素显示模式就是元素标签以什么方式来进行显示，比如< div>自己占一行。

常见块元素有< h1>~< h6>,< p> ,< ul>等等其中**< div>**是最典型块元素，块元素标签都是自己独占一行，所有块元素都可以赋值高和宽。
特点

注意

常见的行内元素有< a>,< em>，< span> 等等。
特点

注意

< img>,< input>, < td>同时具有块元素和行内元素的特点

可以通过CSS的转换来实现元素显示模式的转换，比如想增加a标签的连接触发范围就可以这么做，代码如下

<style>
	a{
	display: block;
	}
<style>

background-color设置背景颜色，特别的transparent为透明。background-img为背景图片。background-repeat为背景图片平铺，背景透明度background:rgba(0, 0, 0 , 0.3)其中0.3位透明度选择，在0~1之间

当选择器名字相同时，会有一个选择器的样式被覆盖掉，也就是不显示，其中哪个样式离结构近，就显示哪个

div{
	color: red
}
div{
	color: blue
}

只会显示为蓝色

字标签会继承父标签的某些样式

div{
	font-size: 20px;
}


<div>
	<p>test</p>
</div>

其中test会显示为20px大小的字体

关注