摘要: JS web三大标准:HTML(结构) + CSS(样式) +JavaScript(行为) 动态效果+数据交互 编程语言 编程 让计算机为解决某个问题而使用某种程序设计语言编写程序代码,最终得到结果 是什么? 世界上最流行的语言之一,是一种运行在客户端的脚本语言 脚本语言 不需要编译, 运行过程中 阅读全文
posted @ 2022-07-27 15:29 NomNom12138 阅读(135) 评论(0) 推荐(0) 编辑
摘要: C3动画 transition过渡 ​ 过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用Flash 动画或JavaScript的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。 ​ 过渡动画:是从一个状态渐渐的过渡到另外一个状态 ​ 可以让我们页面更好看,更动 阅读全文
posted @ 2022-07-27 14:03 NomNom12138 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 移动端 移动端浏览器我们主要对webkit内核进行兼容 我们现在开发的移动端主要针对手机瑞开发 现在移动端碎片化比较严重,分辨率和屏幕尺寸大小不一 学会用谷歌浏览器模拟手机界面以及调试 视口 视口( viewport)就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口 布局视 阅读全文
posted @ 2022-07-24 16:25 NomNom12138 阅读(136) 评论(0) 推荐(0) 编辑
摘要: H5新标签 更简洁 如 单标签 <img /> 可以简写为 <img > 标签语义化 <header>头部</header><footer>底部</footer><main>主体</main><nav>导航连接</nav><aside>侧边栏</aside>​<section>内容区块</secti 阅读全文
posted @ 2022-07-19 15:53 NomNom12138 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 常见布局 两栏布局 左边浮动,固定宽度 / 右边自适应,不加宽度 ,加padding或margin 登陆布局 定位元素居中 圣杯布局——三栏布局 左右使用定位,宽度固定 /中间宽度自适应,不设置 ,加padding或margin 2.全部用浮动,main宽度100%,左盒子向左移动页面宽度的100% 阅读全文
posted @ 2022-07-18 20:01 NomNom12138 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 元素和内容的居中方法 元素 : <标签名>内容</标签名> 标签 : <标签名> 内容 : xxx text-align 水平居中:文本,行内元素,行内块元素 margin: 0 auto 水平居中:块元素 line-height 垂直居中:单行文本 img vertical-align 垂直对齐( 阅读全文
posted @ 2022-07-17 22:53 NomNom12138 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 定位 css的定位可以把元素放在页面的任何一个位置。 css设置定位: 模式+ 位置 1:标准流 块级元素独占一行 垂直布局 行内元素/行内块元素一行显示多个 水平布局 2:浮动 让原本垂直布局的块元素变成水平布局 3:定位 可以让元素自由的摆放在网页的任意位置 用于盒子之间的层叠情况 4:使用场景 阅读全文
posted @ 2022-07-16 09:45 NomNom12138 阅读(171) 评论(0) 推荐(0) 编辑