css
样式属性
尘寰ya
这个作者很懒,什么都没留下…
展开
-
图片文字对齐
图片文字对齐 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { width: 600原创 2020-11-14 21:41:15 · 103 阅读 · 0 评论 -
鼠标cursor、轮廓outline、防止拖拽文本域resize
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* 鼠标cursor */ /* cursor:d原创 2020-11-14 21:18:52 · 166 阅读 · 0 评论 -
文本在一行显示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { width: 100px;原创 2020-11-14 20:51:00 · 660 阅读 · 0 评论 -
盒子模型的外边距塌陷和合并问题及解决方案
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; pad原创 2020-11-14 18:08:23 · 318 阅读 · 0 评论 -
清楚浮动
1.额外标签法 <div style="clear:both;"></div> //或者下面 <br style="clear:both;" /> 2.父级添加overflow:hidden;,触发BFC的方式实现清除浮动效果 3.:after 案例:百度 淘宝网 网易 .clearfix::after{ content: "."; display: block; height: 0; cl原创 2020-11-14 15:58:52 · 150 阅读 · 0 评论