- 博客(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 5114 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 132
原创 弹性布局笔记
弹性布局弹性容器:设置了display:flex;这个元素称为弹性容器。 里面的子元素会按照弹性布局方式进行布局。弹性子元素:弹性容器的直接子元素。弹性主轴方向:flex-direction row:左->右,默认; column:上->下; row-reverse:右->左; column-reverse:下->上;设置主轴内容分布:justify-content flex-start:向主轴开始位置靠拢(默认); center:居中; flex-end
2020-10-19 01:29:50 159
原创 浮动笔记
浮动1.解决文字包围问题。2.解决间隔问题(实际因为换行符)。3.可以向左向右进行排版对齐。浮动:可以设置元素脱离正常文档流, 向左或向右靠近父元素边缘或者是设置了浮动的其他元素的边缘靠拢高度塌陷问题: 父元素不设置高度则可能出现高度塌陷。 解决: 1.设置父元素高度。 2.清除浮动(通过伪元素)。...
2020-10-19 01:11:39 155
原创 属性选择器,子元素选择器,伪元素选择器笔记
属性选择器[属性名称][属性名称=属性值]子元素选择器第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 168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人