2020年6月3日
响应式布局
摘要： 一、响应式开发 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 1.2 响应式布局容器 响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。 原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大 阅读全文
posted @ 2020-06-03 17:55 ccv2 阅读(320) 评论(0) 推荐(0)
rem适配布局
摘要： 一、rem基础 rem（root em）是一个相对单位，类似em，em是相对于父元素的字体大小 不同的是rem的基准是相对于HTML元素的字体大小 rem的优势:父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个页面的元 素大小 二、媒体查询 2.1 什么是媒体查询 媒体查 阅读全文
posted @ 2020-06-03 09:00 ccv2 阅读(698) 评论(0) 推荐(0)
2020年6月1日
移动布局(1)
摘要： 一、移动端基础 二、视口 视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口和理想视口 2.1 布局视口（layout viewport） 2.2 视觉视口（visual viewport） 2.3 理想视口（ideal viewport） 2.4 总结 2.5 阅读全文
posted @ 2020-06-01 22:31 ccv2 阅读(153) 评论(0) 推荐(1)
flex布局
摘要： 一、flex布局体验 二、flex布局原理 display:flex; 父级设置了flex布局后，子元素就算是行内元素很多浏览器可以把它当做inline-block或者block元素来用，可以直接设置它的宽高， 三、flex布局父项常见属性 3.1 常见父项属性 3.2 flex-direction 阅读全文
posted @ 2020-06-01 22:30 ccv2 阅读(207) 评论(0) 推荐(0)
2020年5月31日
CSS3
摘要： 一、CSS3 CSS3现状 在CSS2的基础上新增（扩展）样式 移动端支持优于PC端 不断改进中 应用相对广泛 二、CSS3选择器 2.1 属性选择器(权重是10） <head> <meta charset="UTF-8"> <meta name="viewport" content="width= 阅读全文
posted @ 2020-05-31 21:23 ccv2 阅读(231) 评论(0) 推荐(0)
2020年5月30日
HTML5
摘要： 一、什么是HTML5 1.1 HTML5 简介 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，作为新HTML语言，具有新的元素、属性和行为 XHTML可扩展超文本标记语言 是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求，基础班学习 阅读全文
posted @ 2020-05-30 18:10 ccv2 阅读(450) 评论(0) 推荐(0)
2020年5月26日
使用icomoon字体图标库无法显示的问题
摘要： 一、首先把 fonts文件夹放入我们 根目录下 二、 html标签内里面添加结构 <span></span> 三、 在样式里面声明字体： 告诉别人我们自己定义的字体(一定注意字体文件路径的问题) @font-face { font-family: 'icomoon'; src: url('font 阅读全文
posted @ 2020-05-26 10:56 ccv2 阅读(3122) 评论(1) 推荐(1)
2020年5月25日
品优购项目（HTML CSS）
摘要： 一、网站图标favicon.ico 1.首先把favicon.ico 这个图标放到根目录下。 2.再html里面， head 之间 引入 代码。 > <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 注意：对ico文 阅读全文
posted @ 2020-05-25 17:27 ccv2 阅读(896) 评论(0) 推荐(0)
2020年5月24日
CSS——day7——display
摘要： **目标** * 理解 * 能说出元素显示隐藏最常见的写法 * 能说出精灵图产生的目的 * 能说出去除图片底侧空白缝隙的方法 * 应用 * 能写出最常见的鼠标样式 * 能使用精灵图技术 * 能用滑动门做导航栏案例 一、元素的显示与隐藏 目的： 让一个元素在页面中消失或者显示出来 类似网站广告，当我们 阅读全文
posted @ 2020-05-24 20:46 ccv2 阅读(221) 评论(0) 推荐(0)
CSS外边距塌陷的问题
摘要： 当块级元素（block）的上外边距(margin-top)和下外边距(margin-bottom)同时都有设定时只会只会保留最大边距，这种行为称为边界折叠（margin collapsing），有时也翻译为外边距重叠。、 设定float和position=absolute（包括固定定位fixed，但 阅读全文
posted @ 2020-05-24 10:44 ccv2 阅读(1246) 评论(0) 推荐(1)