- 博客(13)
- 收藏
- 关注
RSS订阅原创 css布局
一、响应式布局（1）模块中内容：挤压－拉（布局不变）（2）模块中内容：换行－平铺（布局不变）（3）模块中内容：删减－增加（布局不变）（4）模块位置变换（布局改变）（5）模块展示方式改变：隐藏－展开（布局改变）（6）模块数量改变：删减－增加（布局改变）【因为考虑因素过多，代码冗余，除非特殊要求，用响应式布局】二、移动端准备工作em是根据自身字号大小适应高度，如果自身没有设置字号，找父级字号，都没有默认16pxrem是根据html设置的字号适应高度，如果没有设置也是默认1
2021-08-04 22:45:32
93
原创 媒体查询、多列和弹性盒子布局方式
1、column-count：分栏的个数2、column-width：分栏的宽度3、column-gap：分栏的间距4、column-rule：分栏的边框5、column-span：all/none 设置或检索对象元素是否横跨所有列。6、column-fill设置或检索对象所有列的高度是否统一（目前大部分浏览器尚未支持） auto：列高度自适应内容/balance：所有列的高度以其中最高的一列统一(默认值)7、break-inside:avoid避免中断【见瀑布流图片】...
2021-08-03 21:39:10
211
原创 css中transform转换属性
转换transform 属性transform：none;默认值transform：translate（）；移动 平移 单位是px，默认为x轴平移 translateX(默认值)/translateY/translate(xx,xx)transform：rotate（）；旋转 单位是degdeg度数 rotate(默认为z轴旋转)/rotateX/rotateYtransform：scale（）；缩放 没有单位 默认值是1 scale(...
2021-08-01 18:14:14
546
原创 css背景渐变和背景相关属性
线性渐变：background-image:linear-gradient(red, blue); /* 标准的语法*/background: linear-gradient(to bottomright, red , blue); /* 标准的语法*/background: linear-gradient(180deg, red,blue); /* 标准的语法*/径向渐变：向四周扩散的渐变，默认为椭圆状，出发点为中心语法:background/background-image :r
2021-07-29 22:30:07
118
原创 HTML5新增常用标签
一、1 头部：<header></header>2 尾部：<footer></footer>3 导航：<nav></nav>4 媒体文件引入 :<embed src=“”></embed>5 内容块:<section></section>6 辅助信息:<aside></aside>7 文章：<article></ar...
2021-07-28 21:32:42
71
原创 选择器、BFC
1.选择器1）基本选择器（1）*通配符（2）class选择器：必须要在元素中定义class属性.class值（3）id选择器：必须在元素中定义id属性#id值（4）群组选择器：选择器之问用逗号分隔，有相同属性的元素可以放到一起，减少代码量2）层次选择器（1）包含选择器（后代选择器) ：E F选择匹配的元素，且匹配的F元素被包含在匹配的元素内选择所有【空格前面元素包含的】的带有空格之后的元素的标签（2）子选择器 E>F 选...
2021-07-27 20:12:08
68
原创 表单的基本知识
1.表单:收集用户信息2.表单的组成部分:表单域【表单的区域】+表单控件【input】+提示信息【请输入姓名】3.应用:登录注册界面等等4.表单控件:单选框只能选择一个，必须有那么属性，而且name属性值必须一致【同一组单选框】type="radio"5.复选框可以选择多个type="checkbox"6.选择文件type="file"7.下拉菜单<select><option></option>...</select>8.文本域:&l...
2021-07-26 22:17:34
416
原创 day09
1.垂直对齐：在垂直方式设置元素的位置 应用场景：log垂直居中，下拉菜单垂直居中，控制文本与图片的位置 语法：vertical-align 属性值：middle/top/text-top/bottom/text-bottom/baseline middle【实现垂直居中】/te'xtext-top【重要】/text-bottom【文字的最下放】/top【line-height的最上方】 /bottom【line-height的最下方】2.实现不同大小logo垂...
2021-07-22 21:16:37
57
原创 CSS的侧拉列表和下拉列表
侧拉列表【注意：span标签是inline行内元素，如果想设置宽度、高度需要用display：block，转化；或者设置float：left，使span标签脱离标准文档流，也可以设置宽高】兄弟选择器：不需要包含关系，同级关系即可p~a：代表p标签之后的a标签都变成红色P+a：代表p标签之后紧跟的下一个a标签颜色变成红色。position定义:给定元素一定的位置作用:实现侧边导航栏，网页中的广告a.固定定位语法: position: fixed+边偏移量【left/top/ri
2021-07-20 20:39:12
345
原创 CSS的继承方式和优先级
元素之间的相互转化:1.什么是元素之间的相互转化:元素类型之间的相互变化2.为什么:优化用户体验【a标签转化为可以设置宽度高度的元素;b.解决浮动的能解决的一部分问题】3.怎么尽心元素之间的相互转化:display:inline[行内元素]/block[块级元素]/inline-block[行内块级元素]元素的分类:块级元素:divpulliollidldtddh1-h6特点:1.独自占据一行2.可以设置宽度和高度3.可以设置t...
2021-07-19 21:36:19
483
原创 零基础学习web前端的第三天
1.颜色：color 属性值：颜色的英文/16进制的颜色【】/rgb2.字体：font-famliy 属性值：楷体3.字体大小：px pt em 16px=12pt=1em 默认字体大小为16px，微软雅黑4.加粗：font-weight 属性值：bold，bolder/100~900[100~500 变细 600~900 加粗]/lighter【变细】5倾斜：font-style 属性值：italic oblique normal6.文本的位置:text-align 属性值：left/7.d.
2021-07-15 21:20:32
66
原创 web前端学习心得
1.了解了表单的作用，表单的创建。2.知道了css是什么，通俗来讲就是“修饰网页信息的显示样式".3.css的语法样式以及一些容易错误的注意事项4.基本选择器：标签选择器、class标签器、id标签器。表格内的元素属性设置，border、padding、margin、text-align、font-size、border-radius等人生路慢慢，吾将上下而求索！...
2021-07-14 21:33:15
189
原创 零基础学习前端的第一天
今天是第一天学习了html5，以前从没接触过这个领域，对这个领域一无所知，今天学习过后。明白了什么是HTML5（H5是HTML的第5个版本，H5也是一门技术总称），也知道了HTML5能做什么，还有理论基础的东西以及一些常用相关标签。还有在项目中存在的地方、网页的组成。今天第一天学习就学习了这么多知识，也不知道我这个零基础的小白能不能消化的掉，比起那些这个专业来学习的同学们，我应该算是差的，但是我总相信一句话，努力就会有结果。...
2021-07-13 19:27:40
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人