当前位置: 首页 > Web前端 > CSS

HTML2行高,一个标签

时间:2023-03-30 18:05:04 CSS

line-heightline-height设置文本的行高,行高是文本行基线前的距离,行高减去字体大小等于行间距。这四行从上到下分别是Topline,middleline,baseline,bottomline,很像学习英文字母时的四行三格。vertical-align属性包括top、middle、baseline、bottom,与这四行相关。注意,基线不是底线,底线是底线。线高是指上下文线的基线之间的垂直距离,即图中两条红线的垂直距离。行间距是指一行的底线到下一行的顶线的垂直距离,即第一条粉色线和第二条绿色线之间的垂直距离。如下图所示:line-height:number设置数字,它会乘以当前字体大小来设置行间距。line-height:pxfixedvalue设置固定的行间距。line-height:%%基于当前字体大小的行间距。line-height:inherit指定应从父元素继承line-height属性的值。(任何版本的InternetExplorer(包括IE8)都不支持属性值“inherit”。)当line-height等于包裹文本本身的元素的高度时,文本垂直居中。关于CSS属性的兼容性CSS属性的兼容性可以在caniuse中搜索标签的属性名href、title、target属性href属性:创建到另一个文档的链接,在文档中创建锚点姓名。titel属性:当鼠标悬停在链接上时显示附加信息。title和alt的区别:alt属性用于向无法看到文档中图像的查看者提供文本描述。它只能用于img、area和input元素。它用于替换图像而不是提供额外的说明。单词。title属性是为了提供非必要的附加信息,比如图片可见时对图片的描述(当鼠标放在图片上时会显示)。target属性:指定在何处打开目标URL。仅在存在href属性时使用。当target属性值等于_blank时,链接将在新窗口打开:优酷一个标签设置了伪类按照L-V-H-A的顺序,a标签上所有浏览器都支持伪类设置,只有IE8以上的浏览器支持a:link{color:#FF0000;}/unvisitedlinks/a:visited{color:#00FF00;}/已访问链接/a:hover{color:#FF00FF;}/鼠标悬停在链接上/a:active{color:#0000FF;}/选中链接/a标签设置锚点:文本当href为#时,表示链接是设置当前页面的锚点idparagraph

当href为#ccc时,链接就是对应的锚点。display:none,visibility:hidden,opacity:0display:block/inline/inline-block/none/table-cell/fixdisplay:none的作用及区别元素设置为不显示,实际渲染时元素不在文档流中,但元素仍有可见性:隐藏在dom树中;元素设置为隐藏,实际渲染时元素还在文档流中(依然占空间),同时也存在于dom树中,相当于元素变透明了。不透明度:0;使元素0的透明度好像消失了,但占用的空间还在,不会改变页面布局a链接的默认样式设置。a标签的颜色不会继承父元素的颜色样式,即a标签本身带的颜色属性不受父元素的颜色属性影响。但是a标签的字体大小属性是受父元素影响的。去掉a标签的下划线,增加颜色a{text-decoration:none;//去掉a标签默认的下划线样式color:red;过渡:颜色0.3s;//当a标签颜色变化时,使用渐变效果,变化效果时间0.3s}