摘要：
关系选择符 用法： <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style type="text/css"> #container>li>.a { width: 100px; height: 100px; back 阅读全文
posted @ 2021-04-09 22:56
#Friday
阅读(90)
评论(0)
推荐(0)
摘要：
原理： 1.只有一个比较长的背景图片 2.用两个元素，一个表示左边，一个表示右边 3.长度自适应，撑开相应的宽度 练习： <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style type="text/css"> b 阅读全文
posted @ 2021-03-29 23:31
#Friday
阅读(240)
评论(0)
推荐(0)
摘要：
原理：当网页需要多张背景的小图时，将多张背景图合并为一张大图，一次请求拉到本地，然后不同元素使用CSS的background-position进行定位。 优点： 减少请求次数，缩短页面加载时间 <!DOCTYPE html> <html lang="en"> <head> <title>Docume 阅读全文
posted @ 2021-03-28 22:50
#Friday
阅读(59)
评论(0)
推荐(0)
摘要：
一、white-space: nowrap;强制不折行，除非遇到<br>标签 没使用之前的效果： <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style type="text/css"> li { list-sty 阅读全文
posted @ 2021-03-28 18:58
#Friday
阅读(311)
评论(0)
推荐(0)
摘要：
默认情况下，图片是以基线对齐的，也就是下方会留有一条白色的边 <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style type="text/css"> div { border: 2px solid #000; } 阅读全文
posted @ 2021-03-28 18:07
#Friday
阅读(246)
评论(0)
推荐(0)
摘要：
outline： 0 none： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view 阅读全文
posted @ 2021-03-28 16:03
#Friday
阅读(51)
评论(0)
推荐(0)
摘要：
cursor： default（缺省状态） <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style type="text/css"> div { width: 200px; height: 200px; backg 阅读全文
posted @ 2021-03-28 15:26
#Friday
阅读(60)
评论(0)
推荐(0)
摘要：
overflow： visible ：不剪切内容，不出滚动条（缺省） <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style type="text/css"> div { width: 200px; height: 阅读全文
posted @ 2021-03-28 14:31
#Friday
阅读(99)
评论(0)
推荐(0)
摘要：
方式一： <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style type="text/css"> .container { width: 212px; height: 318px; position: relat 阅读全文
posted @ 2021-03-28 14:28
#Friday
阅读(360)
评论(0)
推荐(0)
摘要：
CSS显示： 一、display：none <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style type="text/css"> div { width: 200px; height: 200px; } .re 阅读全文
posted @ 2021-03-21 00:10
#Friday
阅读(50)
评论(0)
推荐(0)
浙公网安备 33010602011771号