- 博客(6)
- 资源 (1)
- 收藏
- 关注
原创 前端第六天
flex例如,在父容器中放置多个块级子元素,默认从上往下排列,此时在父容器中增加display:flex属性,这些元素会在一行从左往右排列,不会脱离文档流弹性盒子:指的是用display:flex或display:inline-flex声明的父容器子元素/弹性元素:指的是父容器里的子元素们主轴水平方向,从左向右。侧轴垂直于主轴,从上往下flex-direction用于设置盒子中子元素的排列方向,属性值可以是row(从左到右)colum(上到下)flex-wrap控制子元素溢出换行.
2021-07-15 15:43:29
66
原创 前端第五天
定位css有三种定位属性,绝对定位、相对定位、固定定位position:absolute、position:relative、position:fixed相对定位元素相对自己原来的位置进行调整position: relative;/*相对定位:相对于自己原来的位置*/ left: 50px;/*横坐标:正值表示向右偏移,负值表示向左偏移*/ top: 50px;/*纵坐标:正值表示向下偏移,负值表示向上偏移*/相对定位不脱标,即保留了真实位置,该位置一直是他的,只不过影
2021-07-13 11:15:08
98
原创 前端第四天
盒子模型网页的核心本市就是用CSS摆盒子div,span,a等都是盒子盒子的五个属性:width,height(内容的宽度和高度),padding(内边框),border(边框),margin(外边框)IE盒子中:width和height指的是内容区域加上border和padding的宽度,高度<body>标签也有margin,默认8个像素认识padding:padding区域可以有颜色padding有四个方向,top,bottom,left bottom,right
2021-07-09 21:44:59
76
原创 前端第三天
复合选择器后代选择器元素1 元素2{} 元素1和元素2空格隔开 一层一层往下元素2是元素1的子级或者孙,最终选择的是元素2例:ol li a{color:red}把 ol的li的a变色子选择器只能选择作为某元素最近一级子元素元素1>元素2{}元素2只能是元素1的子,最终选择的是元素2并集选择器元素1,元素2{} 一般竖着写,最后一个不要加逗号伪类选择器静态伪类::link超链接点击之前 :visited超链接被访问之后动态伪类::ho...
2021-07-09 08:13:33
64
原创 前端第一天
web前端分三层:html(结构标准),css(表现标准),js(行为标准).html主要负责结构,css是用来美化页面,js用来交互HTML初识超文本标记语言,用来描述文档语义。通常都是双标签,少部分单标签,例如<img src=""/>、<hr/>、<br/>文档声明头<! DOCTYPE html>页面语言<html lang="en">头标签<head></head>问
2021-07-07 10:15:17
81
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人