0 Yahmm

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 30w+

HTML5-3/25复习笔记

定位:positionstatic 默认值,设置坐标无效absolute (绝对定位)特征:1:脱离文档流,不占位置2:默认参考浏览器零点3: 如果有父级,且父级有定位,那就参考父级元素(默认定位除外)想当于给子元素指定了参考物relative:(相对定位)特征:1:占据文档流,占位置2:参考自身加载在页面中的位置fixed:(固定定位)特征:1:脱离文档流,不占位置...

2020-03-25 23:28:06

HTML5-3/24学习笔记

标准盒模型:box-sizing: content-box;宽高是独立的,内边距是独立的,会把元素撑大边框是独立宽高不包含内边距和边框怪异盒模型:box-sizing: border-box;宽高包含内边距和边框怪异盒模型触发方式:方式一:丢失 在ie678下触发为怪异盒模型方式二:给元素box-sizing:border-box;弹性盒布局:display:flex;displ...

2020-03-24 21:44:31

HTML5-3/24学习笔记

物理像素比:dpr=物理像素/逻辑像素物理像素:就是设备所显示的像素(手机截图在ps中两区出来的像素大小)逻辑像素:页面在css中书写的像素常见的设计稿:设计图640px dpr2750px dpr21125px dpr3常见的单位:px em pt(磅) 更多应用于安卓设置 deg(角度) %rem:跟随html的font-size:;值的大小默认状态...

2020-03-24 21:41:12

HTML5-3/24学习笔记

视口:就是浏览器显示页面内容的屏幕区域视口分为:布局视口 视觉视口 理想视口布局视口:一般移动端设备的浏览器都默认设置了一个布局视口,为了解决早期PC端页面再移动端上的显示问题苹果 安卓 基本上设置这个视口的分辨率980px视觉视口:看到的网页区域,指的是网址的区域通过缩放去操作视觉视口不会影响布局视口理想视口:1:是网站在移动设备的浏览器中最理想的一个状态(浏览和阅读...

2020-03-24 21:40:39

HTML5-3/23学习笔记

绝大部分项目:pc端——》官网移动端——》移动端网页,app,小程序…响应式布局:为了适应不同的设备,分辨率不同的设备(pc电脑端 平板电脑 手机端 )X宽度500px<=X<800px css1800px<=X<1000px css2响应式布局的优势:1: 一套项目,能适应不同的设备,灵活2: 能够快捷解决多设备显示适应问题...

2020-03-24 00:21:45

HTML5-3/23学习笔记

flex-grow:数字不带单位; 定义项目剩余得宽度进行矿长(放大)flex-shrink:数字不带单位; 项目总宽度超出容器时的缩小设置0 本身的大小,不缩小也不放大1 平均分配 默认值flex-basis:0%; 项目的长度综合写法:felx:放大 缩小 长度; 一般后两者默认不写多列布局:column-count:; 分列column-gap:;列间距c...

2020-03-24 00:21:14

HTML5-3/21学习笔记复习之Css浮动

浮动的属性:float:;left 左浮动right 右浮动none 不浮动浮动的目的:让竖着的元素横着来浮动效果:1:左浮动找左边,右浮动找右边2:浮动只影响后面的元素,不影响前面的元素3:父级元素的宽度小于浮动子元素的总宽度,子元素将被迫换行4:子元素高度不一致的浮动元素被迫换行时,可能被卡着5:结构先写的先浮动,后写的后浮动6:图文混排7:浮动产...

2020-03-21 20:15:46

HTML5-3/20学习笔记.2

容器(父元素) 属性: flex-direction:; 设置主轴 row 水平方向主轴 row-reverse 水平反向主轴 ...

2020-03-20 23:52:10

HTML5-3/20学习笔记.1

width:; height:;-webkit-fill-availabled 让元素自适应父元素的宽度或者高度fit-content 让一个元素适应内容的一个高度max-content 适应元素撑起来的最大宽度min-content 适应元素撑起来的最小宽度cla...

2020-03-20 23:51:31

HTML5-3/19学习笔记.2

圆角:border-radius:四个角border-radius:左上右下 右上左下border-radius:左上 右上左下 右下border-radius:左上 右上 右下 左下width:; height:;-webkit-fill-availabled 让元素自适应父元素的宽度或者高度fit-content 让...

2020-03-19 23:36:36

HTML5-3/19学习笔记.1

background-origin:背景图起点位置;padding-box 起点从内边距开始border-box 起点从边框开始content-box 起点从内容区域开始background-clip:; 背景图裁剪;border-box 从边框位置开始裁剪padding-box 从内边距区域开始裁剪content-box 从内容区域开始裁剪bcakgo...

2020-03-19 23:35:59

HTML5-3/18学习笔记

渐进增强:(从小到大)先保证最基本的功能~>用户体验的提升优雅降级:(从大到小)先针对版本较高的设备进行项目构建,保证用户体验的完美~>牺牲一些效果,保证最基本的功能属性选择器:e[attr]{} 选中e元素,且e元素有attr属性e[attr=“value”] 选中e元素,且e元素有attr属性,值为valuee[attr~=“value”] 选中e元素,且e...

2020-03-18 17:45:57

HTML5-3/17学习笔记

HTML5的 发展史兼容性:html5(h5) 主要向上(高版本的浏览器)兼容,低版本的浏览器部分不考虑,所有html5的兼容性相对较差各个版本的html的基本写法:不变的是第一行<!doctype html>始终存在标签的语法:不区分大小页面后缀名依旧是.html ,htm指定字符编码 utf-8可以省略结束的标签可以直接省略全部标签单双引号的使用语义化标...

2020-03-17 21:56:19

HTML5-3/16学习笔记复习

@keyframes 动画名1:定义动画from{} 起始位置to{} 终点位置0%{}起始位置25%{}过程1…过程n100%{}终点位置2:调用动画animation-name:;关键帧名字 动画名animation-duration:;关键帧时长 总运动时间animation-delay:;关键帧延迟时间animation-oteration-count:; 运动执...

2020-03-16 23:27:39

HTM5-3/13学习笔记

animation 动画 不需要事件触发1:定义动画from{} 起始位置to{} 终点位置0%{}起始位置25%{}过程1…过程n100%{}终点位置2:调用动画animation-name:;关键帧名字 动画名animation-duration:;关键帧时长 总运动时间animation-delay:;关键帧延迟时间animation-oteration-...

2020-03-14 23:10:38

HTML5-3/14学习笔记

选择器:target{} 当元素被点击时的指向,发生样式的改变CSS样式 圆角:border-radius:;元素是正方形 宽度的一半px 50% 正圆元素是长方形 较小值一半的px 半圆50% 椭圆CSS3景深 (3D的空间)观察物体的时候 近大远小给父级元素添加transform-style:preserve-3d;形成3d空间prespective:800px...

2020-03-14 23:06:48

HTML5-3/12学习笔记

CSS3属性盒子阴影:box-shadow:水平偏移量 垂直偏移量 模糊度 模糊大小 颜色;CSS3渐变线性渐变:background:-webkit-linear-gradient(方向,颜色,颜色,颜色);方向:left 从左边开始right 从右边开始top 从上边开始bottom 从底部开始注意:需要添加兼容前缀to left 到左边(结束位置)to r...

2020-03-13 01:29:54

HTML5-3/11学习笔记

psd文件切出png图步骤:1:移动工具 勾上自动选择2:选中指定的图片区域3:背景的眼睛点暗,指定区域得图层背景将为透明4:正常切图5:保存时按下shift点黄选中区域6:保存的格式为png-24...

2020-03-11 18:33:58

HTML5—3/10学习笔记

表格:thead 表头tbody 表体(浏览器默认添加上)tfoot 表尾th 列标题(单元格),默认文本加粗 上下居中 左右居中caption 表格标题,默认左右居中colgroup 划分多少为一组span=“列数”表格属性:border-spacing:单元格间距(必须给table添加)border-collapse:是否合并边框线(必须给table添加)...

2020-03-10 18:11:03

HTML5-3/9X学习笔记

宽度自适应:默认宽度为100%的元素width:;单位为%高度自适应:不写height:;(让内容撑起来)height:;单位为%(前提条件:html,body{width:100%;height:100%})最小宽高:min-width:;最小宽度;max-width:;最大宽度;min-height:;最小高度;max-height:;最大高度;浮动元素的高度塌陷:问题...

2020-03-10 00:26:21

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。