2020年4月20日

4.20 js的基本语法规则

摘要: JS的语法基础:一:js的书写1.内联(行内):属性形式:事件触发<input type="button" onclick="alert('hello world')" value="点我">` 不建议使用,结构和行为的分离,优化项目,便于管理 为了测试方便2.内部:script双标签,包裹js代码 阅读全文

posted @ 2020-04-20 22:59 上帝是女孩23333 阅读(252) 评论(0) 推荐(0)

2020年4月16日

4.16网格布局

摘要: /*隐藏滚动条: 元素: : -webkit-scrollbar [display :none]chrome和 safari.element: : -webkit-scrollbar f width: ø ! important ]IE 10+.element f -ms -overflow-sty 阅读全文

posted @ 2020-04-16 23:05 上帝是女孩23333 阅读(139) 评论(0) 推荐(0)

2020年4月15日

4.15移动端媒体查询及vw rem

摘要: 移动端:设备范围: 默认样式注意:款认样式要写在最前面 /*打印样式*/ @media print {} *于机等小屏幕于持设备*/ @media screen and (min-width: 320px) and (max-width: 480px) { ) /* 平板之类的宽度1024 以卜设备 阅读全文

posted @ 2020-04-15 23:25 上帝是女孩23333 阅读(144) 评论(0) 推荐(0)

4.14怪异盒和弹性盒

摘要: 怪异盒和弹性盒:box- sizing:属性值:box- sizing : content - box; 常规盒模型box- sizing: border- box: 怪异盒模型( IE盒模型)怿异盒模型特点:padding和border都会在元素的宽高的内部,不会把盒子本身撑大 弹性盒:布局方案。 阅读全文

posted @ 2020-04-15 23:22 上帝是女孩23333 阅读(144) 评论(0) 推荐(0)

2020年4月13日

4.13

摘要: 文本阴影:text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色 注:如果想添加多个阴影每--组阴影以逗号分隔。盒子阴影:box-shadow: x y阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影( inset:可选)添加多阴影:以逗号分隔的形式添加多阴影英文或者数字默认显示:如果没有换 阅读全文

posted @ 2020-04-13 23:33 上帝是女孩23333 阅读(145) 评论(0) 推荐(0)

2020年4月10日

4.10 新增css3

摘要: 2:新增表单的html属性min/maxrequired:如果表单没有输入内容的情况下,禁止提交step确定个法定值eg :3 -6-3 3 6 9autocomplete自动提示信息 属性值 on/offplacehoIder:文本框的提示信息autofocus:自动聚焦pattern:属性值是一 阅读全文

posted @ 2020-04-10 23:16 上帝是女孩23333 阅读(115) 评论(0) 推荐(0)

4.9 html5新增

摘要: html5新增内容: 语义化结构标签: section:更偏于划分区域。( 网页的外围结构...更类似与div)article:更偏向于内容的展示 header:网页头部或者是内容块头部footer:网页的顶部或者内容快的底部nav:导航区域main:主体区域(ie不兼容) figure:代表一个独 阅读全文

posted @ 2020-04-10 23:14 上帝是女孩23333 阅读(109) 评论(0) 推荐(0)

2020年4月8日

4.8 3d特效及动画

摘要: 3d特效及动画: perspective:值越大距离越远(给父元素添加)景深通常在:900-1200之间3d旋转:rotate3d(x,y,z,度数)注:xyz是一个矢量值,0不旋转,1旋转eg:rotate3d(1,1,0,45deg)3d缩放:scalaz()/scala3d(x,y,z)让背面 阅读全文

posted @ 2020-04-08 23:07 上帝是女孩23333 阅读(155) 评论(0) 推荐(0)

2020年4月7日

4.7:2d和3d特效对比:

摘要: 平面空间:transform-style:flat;2d和3d特效对比: 形成3D空间(让父元素形成3d空间,3d舞台):transform-style:preserve-3D;z轴上只能写具体像素,不能写百分比。transform:translate(x,y);transform:translat 阅读全文

posted @ 2020-04-07 22:35 上帝是女孩23333 阅读(329) 评论(0) 推荐(0)

2020年4月3日

4.3

摘要: opacity: 0-1;(从无到有)支持过渡属性,因为display:block属性不支持过渡,所以可用来隐藏需要过渡属性。很多css属性,最初的预览版没有形成最终的正式版,但是浏览器为了对这些新属性支持,主流浏览器提供属于自己的语法规则“浏览器前缀”-webkit-:谷歌、苹果、浏览器前缀-mo 阅读全文

posted @ 2020-04-03 23:40 上帝是女孩23333 阅读(202) 评论(0) 推荐(0)

导航