首页 > 代码库 > Python学习笔记第二十二周(前端知识点补充)
Python学习笔记第二十二周(前端知识点补充)
目录:
一、伪类
二、样式
1、字体
2、背景图片
3、margin和padding
内容:
一、伪类
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> a:link{ background-color:red; } a:hover{ background-color:blue; } a:visited{ background-color: #dddddd; } a:active{ background-color:green; } p:after{ content: ‘ppp‘; } p:before{ content: ‘aaa‘; } </style> </head> <body> <!--伪类--> <a href="http://www.baidu.com">baidu</a> <p>hello p </p> </body> </html>
二、样式
1、字体格式:
letter-spacing: 字母之间的间距
word-spacing: 单词之间的间距(重要)
text-transform:capitalize 首字母大写
2、背景图片
background-position:center center 表示居中
3、margin和padding
注意:在div嵌套中,如果外面的div标签没有内容,设置里面div的margin的时候,会发现左右是你想要的效果,但是上下会有问题,这个问题是div塌陷问题,通常需要在div中标注内容或者在外面div中加border解决div塌陷问题
Python学习笔记第二十二周(前端知识点补充)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。