css基本标签

最新推荐文章于 2024-04-09 08:47:15 发布

Wulixi1002

最新推荐文章于 2024-04-09 08:47:15 发布

阅读量173

点赞数

分类专栏： HTML5+css3 文章标签： css3

本文链接：https://blog.csdn.net/wulixi1002/article/details/108782840

版权

HTML5+css3 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文详细介绍了CSS中的选择器类型，包括伪类选择器、属性选择器和通用选择器。同时，阐述了CSS的继承机制，重点突出继承通常只针对文本属性。此外，还讲解了优先级规则，如行内样式、ID选择器、类选择器和标签选择器的权重比较，以及内外联样式表的优先级。最后，提到了一些常用的CSS属性，如宽高、单位、字体及文本样式设置，帮助读者更好地理解和应用CSS。

摘要由CSDN通过智能技术生成

一.选择器

伪类选择器 input(focus hover)
属性选择器 input[type="text"]
*选择器

二.继承

三.优先级

    继承性: 一般只继承文本属性,例如:大小\颜色\尺寸
	单个选择器优先级:  行内样式 > id选择器 > class选择器 > 标签选择器
	内联和外联优先级:   外联 > 内联
	多个选择器优先级 :设置的越精确,优先级越高

四.行内元素

块元素:div p ul ol li dt dd dl h1-h6 header footer section main aside
行内块元素:input img

五.常用属性

	1.宽高
			width/height: 
			min-height/max-height/max-width/min-width(了解)
	2.单位
			px: 单位:像素
			em: 相对于父级
			rem: 相对于html
			%: 	相对于父级  
	3.字体
			font-size:字体大小
			color:颜色
			font-weight:加粗 normal bold 100-900
			font-family:字体 黑体 宋体 微软雅黑
			font-style:字体样式:normal italic
	4.文本属性
			text-indent:首行缩进  单位:em
			text-align:left center right

	5.设置文本超出问题
            overflow:visible  scroll hidden auto;
			text-overflow:clip:截断
						 ellipsis:省略号
			white-space: normal nowrap

			text-decoration:(none(默认),  underline(下划线),  overline(上划线), line-through(中行线/删除线))
            

            text-shadow:h-shadow v-shadow blur color(了解)
            vertical-align:垂直方向对齐方式 top middle bottom;
            line-height: