0
点赞
收藏
分享

微信扫一扫

CSS3的初级文本修饰我知道

钎探穗 2022-03-26 阅读 67
html5

文本修饰


text-decoration:none;(underline下划线;overline上划线;line-through中间线)
一般是默认,但如果是a标签就会去掉下划线

垂直对齐
vertical-align:middle;(top=text-top、bottom=text-bottom、super


让图片后面的文字垂直对齐方式居中,向上、向下(跟图片边缘对齐)再往下一点点(比图片底线还低一点)

---------------------------------------------------------------------------------------------------------------------------------

伪类


标签:hover鼠标靠到p标签的时候显示样式
a:link未单击访问时超链接样式(没点击过的超链接初始状态
地址跳转了但是没有访问成功或者你的地址无效也就意味着永远不能访问,那么会一直显示link的样式
a:visited单击访问过的样式
会对href里面之前已经被访问过的网址生效
a:hover鼠标悬浮的时候显示
a:active 鼠标单击未释放的超链接样式
顺序:lingk-visited-hover-active 请按顺序设置哦~

---------------------------------------------------------------------------------------------------------------------------------

列表样式

 元素list-style-type:none; 无标记显示
circle空心圆(套第二个的话会自动空心)disc实心圆 square 实心正方形decimal有序数字
list-style-image:url(./)自定义列表图标
border:1px solid red
list-style-position:inside、outside不会把标记符号包裹在里面会出现在文字的外侧默认是outside
块元素没有设置宽度会自动撑满一行

---------------------------------------------------------------------------------------------------------------------------------
背景样式

 background-color背景颜色可以是英文可以是十六进制、transparent设置透明
background-image:url(./路径)
background-repeat:no-repeat 不平铺;repeat-x水平方向平铺;repeat-y垂直方向平铺默认repeat平铺

 border:1px solid red
background-position:Xpos Ypos、X% Y%、或者关键词left  right top center bttom 三种书写方式不能混搭,但是两个center可以省一个
也可以分开设置background-position-x:background-position-y:
元素左上角为坐标系原点

 颜色 图 位置 平铺可以一句话写完,这就是复合元素(位置不能分开哦!)

background-size:100px 100px;前一个是宽后一个是高也可以用百分比表示,可以修改背景图大小。不能偷懒,只写一个值的话,背景图的另一个值就自动自适应元素了

——————————————————————————————————————————————————————————————————————————————————————

小练习

------------------------------------------------------------------------------

 

 

 

举报

相关推荐

0 条评论