随笔分类 - 前端小技巧 / css
CSS水平垂直居中
摘要:使用flex布局 <div class="content"> <div class="box"> </div> </div> .content{ height: 100vh; display: flex; justify-content: center; align-items: center; }
CSS实现滚动条隐藏
摘要:使用伪元素:::-webkit-scrollbar <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-
CSS3
摘要:CSS3 1. CSS导入方式 优先级:就近原则 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css导入方式</title> <!-- 2.内部样式 --> <style> h2{ color: aqua
HTML5
摘要:HTML5 1. 网页基本元素 <!DOCTYPE html><!--告诉浏览器使用什么规范--> <html lang="en"><!--总标签--> <head><!--代表网页头部--> <meta charset="UTF-8"><!--描述网页的一些信息--> <title>我的第一个网页
css小技巧
摘要:文字水平垂直居中 文字行高 = 盒子高 <body> <div>文字垂直居中</div> </body> div { height: 40px; width: 250px; font-size: 16px; background-color: aqua; line-height: 40px; tex