11 2021 档案

过渡、动画、移动端
摘要：过渡与动画 1. 都是从一种状态到另外一种状态 2. 过渡需要触发条件,而动画不需要 移动端布局 准备工作: 1. 移动端概念的理解:手机APP的界面 2. 如何查看移动端:f12 检查 找手机 3. 二倍屏/三倍屏 截图出来的px大小【宽度】/css设置一个像素上有两个到三个以上的像素点 4. 让 阅读全文
posted @ 2021-11-30 22:39 满天星可以嘛 阅读(48) 评论(0) 推荐(0) 编辑
flex属性值介绍、3D
摘要：10、flex三个属性值介绍flex-grow一个数字，规定项目将相对于其他灵活的项目进行扩展的量。flex-shrink一个数字，规定项目将相对于其他灵活的项目进行收缩的量。flex-basis项目的长度1、column-count说明：属性规定元素应该被分隔的列数适用于：除table外的非替换块 阅读全文
posted @ 2021-11-30 22:26 满天星可以嘛 阅读(154) 评论(0) 推荐(0) 编辑
怪异盒子
摘要：怪异盒模型含义：更改原有布局盒子模型的计算方式通过box-sizing属性的取值进行更改 属性值：content-box 属性值：border-box弹性盒 1、display:flex说明：设置为弹性盒（父元素添加）2、flex-direction（主轴排列方式）说明:顺序指定了弹性子元素在父容器 阅读全文
posted @ 2021-11-28 17:02 满天星可以嘛 阅读(105) 评论(0) 推荐(0) 编辑
多背景、圆角、过渡、渐变、2D、旋转
摘要：一．多背景实现 注意:1.中间用【,】分割 2.设置3.no-repeat 分别设置位置 二．圆角 Border:xpx solid gray; Outline:none; Border-radius:左上 右上 右下 左下 如果值不够执行对角的值,如果对角也没有 则执行初始值 Border-rad 阅读全文
posted @ 2021-11-28 17:01 满天星可以嘛 阅读(57) 评论(1) 推荐(0) 编辑
选择器、css3新增属性、矢量图标使用
摘要：层级选择器E>F F必须为E的子代元素E+F F是挨着E的下一个兄弟元素E~F F是E后面的所有的兄弟元素E F F是E的后代【可以是儿子也可以是孙子】延申跟hover一起使用:下拉列表 eg:li:hover>.wap/li:hover+.wap/li:hover~wap 属性选择器[type] 阅读全文
posted @ 2021-11-24 20:51 满天星可以嘛 阅读(73) 评论(0) 推荐(0) 编辑
H5新增语义标签
摘要：作用：iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载。语法：<iframe src="规定在 iframe 中显示的文档的 URL(默认的显示页面)" width="" height="" framebo 阅读全文
posted @ 2021-11-24 20:49 满天星可以嘛 阅读(49) 评论(0) 推荐(0) 编辑
继承、高度塌陷、BFC、行内设置宽高、居中
摘要：一．无继承性的属性： 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 阅读全文
posted @ 2021-11-24 20:47 满天星可以嘛 阅读(37) 评论(0) 推荐(0) 编辑
高度塌陷、表格样式
摘要：一．当页面加载内容过多时会影响网页的打开速度，<thead><tbody><tfoot>会分担页面的加载压力 二．Colgroup 从上一个基础上占有span列列数<colgroup span=”列数”> 如果加了细化的col 默认的下一个不再是从colgroup属性值之后，而是col之后 也可以单 阅读全文
posted @ 2021-11-23 19:03 满天星可以嘛 阅读(55) 评论(0) 推荐(0) 编辑
表格 表单属性
摘要：一．1.max最大值 min最小值 step数字间隔<input type=”number” max=”” min=”” step=””> 2.multiple控制多文件上传或者url，email <input type=”file” multiple> 3.pattern加正则表达式验证 4.li 阅读全文
posted @ 2021-11-21 14:52 满天星可以嘛 阅读(17) 评论(0) 推荐(0) 编辑
块元素
摘要：<!-- 块级元素：p,h1~h6,div,ul,li,ol,li,dl,dt,dd 特征：独自占据一行，可以设置宽度高度 idsply:block --> <!-- 行内元素：a span em i b strong u del s sup sub 不能肚子占据一行，不能设置宽度高度【依靠文本的内 阅读全文
posted @ 2021-11-21 14:48 满天星可以嘛 阅读(56) 评论(0) 推荐(0) 编辑
定位
摘要：定位 一．Postion:fixed 固定定位 参照物为浏览器当前窗口/视口 如果宽度为%则为参照物的% 不设置宽度会根据内容给撑开,float也是如此。 可以给行内标签设置宽高 完全脱离文档流 可以覆盖内容 依靠偏移量 设置自身的位置(left/right/top/bottom) 适用于小广告,参 阅读全文
posted @ 2021-11-20 21:25 满天星可以嘛 阅读(10) 评论(0) 推荐(0) 编辑
透明、表单
摘要：一．透明: 1.可以让图片和文字以及背景都变透明， Opacity:0~1 应用:轮播图的箭头 Ie9浏览器:filter:alpha(opacity=value):取值范围0~100之间的整数值 Rgba(255,255,0,0.5)最后一位表示透明值(取值范围为0~1)只支持ie8以上的 兼容其 阅读全文
posted @ 2021-11-20 21:25 满天星可以嘛 阅读(26) 评论(0) 推荐(0) 编辑
文本溢出
摘要：<!-- 文本溢出属性： overflow:hidden[溢出隐藏] [visible/auto/scroll/inhert/] auto[溢出添加滚动条] scroll[添加滚动条] visible[默认] inherit[继承父元素的overflow属性] white-space: nowrap 阅读全文
posted @ 2021-11-20 21:07 满天星可以嘛 阅读(5) 评论(0) 推荐(0) 编辑
浮动、盒子模型
摘要：<!-- Css浮动： float: left/right/none[默认] 清除浮动 clear: both/left/right/none[默认] 盒子模型： padding: padding:10px 20px 30px 40px Padding:top/bottom/left/right m 阅读全文
posted @ 2021-11-20 21:06 满天星可以嘛 阅读(14) 评论(0) 推荐(0) 编辑
选择器权重、文本样式、列表总结、边框总结、背景颜色
摘要：权重: 标签选择符（元素选择器）的权重为 1 class选择符(类选择器)的权重为 1 id选择符的权重为 100 伪类选择符的权重为 10 如 :link :visited...... 包含选择符的权重：为包含选择符的权重之和 @important权重最终 继承权重为0 文本字体: 文本大小:fo 阅读全文
posted @ 2021-11-11 22:08 满天星可以嘛 阅读(11) 评论(0) 推荐(0) 编辑
列表、表单、CSS选择器
摘要：<!-- 1.列表的学习 a.分类：有序列表，无序列表，自定义列表 语法： <ol><li></li>...</ol> <ul><li><li>...</ul> <dl><dt>名词【被解释的内容】</dt><dd>对前面的内容起到解释作用</dd></dl> 属性：type start【了解 cs 阅读全文
posted @ 2021-11-10 20:21 满天星可以嘛 阅读(34) 评论(0) 推荐(0) 编辑
前端基础结构标签
摘要：html5的定义：1.html的第五个版本2.一类技术的总成【html+css+js】 快速搭建html的基本结构:shift+![英文状态下] <!-- <!DOCTYPE html> 声明文档的类型为html <html> 网页中的根元素 <head> <meta chraset="utf-8" 阅读全文
posted @ 2021-11-10 18:41 满天星可以嘛 阅读(26) 评论(0) 推荐(0) 编辑