css
关注
分享
扫一扫
css
让代码飞1926
只写有用的东西，欢迎一起交流
展开
-
前端实用的grid布局
grid布局是最强大的布局方式，但是要看场景使用，避免画蛇添足，ok，开始今天的分享首先，要开启grid布局，要在父标签加上：display：grid，这就开启了grid布局然后就是看你要分成几行几列：这就设置成了4行4列，每行每列150px，这是缩写/* 设置三行四列的网格 */grid-template: repeat(4,150px) / repeat(4,150px);/* 或者设置两栏分列 3：7 *//* grid-template-columns: 30% 70%; */原创 2022-01-16 21:00:39 · 2258 阅读 · 0 评论 -
js—页面滚动监听
这里我们分享原生js滚动监听事件话不多说，直接上代码html部分<div id="box"> box</div>css部分body{ height: 2000px;}#box{ width: 100px; height: 100px; background: red; position: relative; top: 1000px...原创 2019-12-05 10:55:28 · 382 阅读 · 0 评论 -
html+css立方体特效
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>长方体特效</title> <style type="text/css"> ul{ ...原创 2019-08-20 15:48:38 · 528 阅读 · 1 评论 -
我的第一个网站-美食网站
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="css/main.css" /> <script src="js/main.j...原创 2019-08-20 15:57:53 · 1904 阅读 · 0 评论 -
html+css做下拉框
<!DOCTYPE html><html><head><title>下拉菜单</title><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="css/main.css"/></head><body&g...原创 2019-08-20 16:01:46 · 386 阅读 · 0 评论