qq_42391246的博客

1.CSS实现垂直水平居 CSS实现垂直水平居中 一道经典的问题，实现方法有很多种，以下是其中一种实现： HTML结构： <div class="wrapper"> <div class="content"></div> </div> CSS： .wrapper { position: relative; width: 500px; height: 500px; border: 1px solid

1.0 html css 基本词汇 一、页面布局（layout） header 头部/页眉； index 首页/索引； logo 标志； nav/sub_nav 导航/子导航； banner 横幅广告； main/content 主体/内容； container/con 容器； wrapper/wrap 包裹（类似于container）； menu 菜单； sub_menu/second_menu 子菜单/二级菜单； list 列表； section 分区/分块（类似于div）; article 文章；

HTML5,css3 HTML5广义的概念: 代表着浏览器技术发展的阶段，是html5 css3和js（API）一套前端技术的组合。 HTML5新定义了一堆语义化标签，更有利于搜索引擎或辅助设备理解HTML页面内容。在不支持HTML5新标签的浏览器里，会将这些新的标签解析成行内元素(inline)对待，所以我们只需要将其转换成块元素(block)即可使用。低版本采用条件注释： 表单： 表单元素（标签） <datalist> // 数据列表（input下的下拉菜单）与input 配合使用

1、background-size：contain / cover contain: a。图片大于盒子：图片会等比例缩放（将图片缩小），盒子会有空白 b.图片小于盒子：图片会等比例缩放（将图片放大），盒子会有空白 cover: a。图片大于盒子：图片会等比例缩放,导致图片部分看不见 a。图片小于盒子：图片会等比例缩放,导致图片部分看不见 2、过渡 动画做完后会回到初始状态 transition:属性名 动画时间 动画的延迟时间