Z_l123的博客

知识点回顾： 表格： 作用：显示信息数据 应用场景：课程表、成绩单、信息统计 table tr td border[加边框] cellspacing width/height bgcolor【背景颜色】 align【left/center/right】 bordercolor【设置边框颜色】 单独添加bordercolor之后会给table加一个默认的边框 cellpadding【文字与边框的距离】 tr/td中的属性 td colspan【colum span 跨列成行 后面跟的属性值为数字

3D转换 translateZ() 往Z轴移动 scaleZ() 沿着Z轴缩放 rotateZ()沿着Z轴旋转 translate3d(X轴位移的距离,y轴位移的距离, z轴位移的距离) scale3d(x轴缩放的大小, y缩放的大小，z轴缩放的大小) rotate3d(0/1,0/1,0/1,旋转角度) 当功能函数的变量值为1时执行旋转度数 transform ：perspective(200px) 为 3D 转换元素定义透视视图 backfa...

兄弟选择器： 1.‘+’选择器： 表示某元素后相邻的兄弟元素，也就是紧挨着的，是单个的 2.‘~’选择器： 表示某元素后所有同级的指定元素，强调所有的 定位： 定义： 给定元素一定的位置 作用: 实现侧边导航栏，网页中的广告 1.固定定位 语法： position：fixed+便偏移量【left/top/right/bottom】才能让元素达到自己想要的位置 应用： 参考小小千 实现效果： div或者某些元素固定在页面的某个位置 2.粘性定位 语法： position：

权重： 1.当选择器的权重一致时，他会按照顺序执行，后面的样式会覆盖前面的样式【操作同一个元素时】 2.各个选择器之间的权重: 标签 0001 class0010 id 0100 ！important最高的 3.！important可以提高权重/优先级 样式覆盖: 相同属性设置操作了相同的元素 字体的继承： font-size都可继承/color 除了超链接以外都可以继承...（注意：继承优先级最低，只要在元素自身上设置相同的属性，就可以把继承的样式给覆盖掉) 元素之间的相互转化： 1.什

知识点回顾 表格知识点补充: 边框与边框的距离border-spacing border-collapse：两个属性值 caption-side标题的位置top，bottom empty-cells空表格的隐藏显示:show/hide table-layout:fixed固定宽度 form表单： 表单控件： 单选框 type=radio name属性连用 name属性值必须一致、复选框 type=checkbox 、file、select option、文本域：textarea 表单

垂直对齐 什么是垂直对齐： 在垂直方式设置元素的位置 应用场景： log垂直居中，下拉菜单垂直居中，控制文本与图片的位置 语法： vertical-align 属性值： middle【实现垂直居中】 text-top【重要】 text-bottom【文字的最下放】 top【line-height的最上方】 bottom【line-height的最下方】 实现垂直居中 1.搭建骨架的结构 2.清除浏览器自带的内外边距，以及li自带的样式 3.设置ul的宽度高度，并且让他水平居中

表格 1.表格是什么： 页面中用来显示数据 2.课表/日历/成绩单/oa系统 3.语法结构： ​ ​ <tr> <td></td> ... </tr> ... 但是：如果没有加特殊的属性每一行中的单元格数量必须一致 </table> 4.表格的属性 加到table里面的： border设置边框 cellspcaing边框与边框之间的距离【默认为1px】 width/height align【设置tab...

定义：给定元素一定的位置 作用:实现侧边导航栏，网页中的广告【】 1.固定定位 语法：position：fixed+便偏移量【left/top/right/bottom】才能让元素达到自己想要的位置 应用：参考小小千 实现效果：div或者某些元素固定在页面的某个位置 可以让内容脱离标准文档流【完全脱离（文字图片都可以被覆盖）】 2.粘性定位 语法:position:sticky 应用:参考工商银行导航栏 实现效果：如果前面有元素...

CSS3的3D转换transform 平移 个数 属性 说明 1 transform ：none； 定义不进行转换。 transform ：translate(200px)；平移，默认是X轴移动，可以单位是%，这个%是自己的，不是父元素的 2 transform ：translateX(200px)； 根据

文本设置： 1.颜色 color 属性值:颜色的英文/16进制的颜色【】/rgb 2.字体 font-family 属性值:楷体 3.字体大小 px pt em 16px=12pt=1em 默认字体大小为16px，微软雅黑【除非自己单独设置过】 4.加粗 font-weight 属性值:bold,bolder/100~900[100~500 变细 600~900 加粗]/lighter【变细】 5.倾斜 font-style 属性值:ita...

知识点回顾 1.BFC 触发条件：overflow,flat,定位，display 应用场景:布局【双飞翼【三个div排布 左 右 中间】、 自适应两栏的布局 【1.骨架 有两个div 2.css样式 第一个div浮动而且具有固定的宽度 另外一个div不设置宽度，overflow:hidden】 【1.骨架 有三个div，其中两个是兄弟关系，另外一个div是最后一个div子元素 2.css样式操作 第一个div浮动 第二个div不设置宽度 作为子元素的div设置margin-left属性值等于第

知识点回顾 1.h5常用的语义化标签 header头部footer尾部nav导航section内容article文章aside辅助信息hgroup标题组canvas画布mark高亮显示datilog对话框 figure类似于dldtddfigcaption 2.媒体文件引入 视频：videosrc路径controlsautoplay自动播放loop循环preload预加载poster定义视频第一帧显示的图片 videocontrols sou...