![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
冰冷的希望
坚持记录,相互帮助,一起进步
展开
-
【css】让img图片居中显示
1.说明想要点击一下居中展示一张图片,可以使用fixed布局,展示图片的时候背景呈半透明黑色,再点击即隐藏2.代码HTML<div id="div_qr_img"> <img id="img" src="" alt=""></div>css#div_qr_img { height: 100%; width: 100%; position: fixed; z-index: 100; display: none;原创 2021-07-09 13:33:26 · 8436 阅读 · 0 评论 -
【css】absolute定位让图片在div中上下左右居中
img{ position:absolute; top:50%; left:50%; border-radius: 5px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}原创 2021-04-12 23:30:32 · 1601 阅读 · 0 评论 -
【css】css常用的选择器
CSS的选择器有标签选择器、类选择器、id选择器、层级选择器、组选择器、伪类选择器选择器表示方式标签选择器直接使用标签名类选择器标签指定class属性,用“.类名”表示ID选择器标签指定id属性,用“#id名”表示层级选择器标签里内嵌标签,可以使用空格隔开定位后代标签组选择器选择器之间用逗号隔开伪类选择器使用标签加相应的伪类<!DOCTYPE html><html><head> <title原创 2020-08-11 15:47:24 · 319 阅读 · 0 评论 -
【css】css的三种引入方式
1.行内式<!-- 直接在标签内增加一个style属性 --><div style="width: 100px;height: 50px;background: #f4f4f4">设置行内式样式</div>2.内嵌式<!DOCTYPE html><html><head> <title>CSS样式三种引用方式</title> <!-- 设置内嵌式样式,只能作用于本文件 --> <原创 2020-08-11 12:18:05 · 210 阅读 · 0 评论