自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 bilibili首页导航

bilibili导航实现话说今天实验课,一如既往的打开阿b准备看番剧,突然发现阿b首页导航还挺好看,恰巧最近在复习原生js,就顺带在实验课上实现了这个效果。(因为想到哪写哪,啥都没封装,代码可能比较乱,见谅见谅)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>banner</title> <style> .back{ p

2020-10-22 15:10:10 4008 6

原创 移动端与响应式笔记

移动端与响应式meta viewport:视窗的设置(仅使用移动端) width=device-width 宽度=设备宽度(适配不同手机,可以写死为750) initial-scale=1 初始化比例为1 mininum-scale=1 最小缩小比例为1 maxinum-scale=1 最大放大比例为1 user-scalable=no 用户能否进行缩放物理分辨率&&系统分辨率pc端与移动端响应式一般情况,一个项目会划分为pc端页面和移动端页面。响应式页面:适应pc的

2020-10-19 01:46:40 116

原创 弹性布局笔记

弹性布局弹性容器:设置了display:flex;这个元素称为弹性容器。 里面的子元素会按照弹性布局方式进行布局。弹性子元素:弹性容器的直接子元素。弹性主轴方向:flex-direction row:左->右,默认; column:上->下; row-reverse:右->左; column-reverse:下->上;设置主轴内容分布:justify-content flex-start:向主轴开始位置靠拢(默认); center:居中; flex-end

2020-10-19 01:29:50 149

原创 浮动笔记

浮动1.解决文字包围问题。2.解决间隔问题(实际因为换行符)。3.可以向左向右进行排版对齐。浮动:可以设置元素脱离正常文档流, 向左或向右靠近父元素边缘或者是设置了浮动的其他元素的边缘靠拢高度塌陷问题: 父元素不设置高度则可能出现高度塌陷。 解决: 1.设置父元素高度。 2.清除浮动(通过伪元素)。...

2020-10-19 01:11:39 147

原创 属性选择器,子元素选择器,伪元素选择器笔记

属性选择器[属性名称][属性名称=属性值]子元素选择器第n个子元素 元素:nth-child(1); 最后一个子元素 元素:last-child;全部子元素 .test .test2直接子元素 .test -> .test2选择后面的一个元素 .test+div选择后面的多个元素 .test~div伪元素通过css创建假的元素.test:before 在元素 内部创建一个最前面的子元素.test:after 在元素内部最后面创建一个子元素

2020-10-19 01:05:32 158

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除