2017 年 3月 22 日随笔档案 - IT-HourseMan

2017年3月22日

摘要： flexbox 弹性盒布局和布局原理新版的flexbox规范分两部分：一部分是container，一部分是 items。 flexbox是一整套布局规范，包含了多个css属性，所以学习起来比`float: left;` 这样简单的布局要复杂很多。基本原理容器上有主轴和纵轴的概念，默认主轴（m 阅读全文

posted @ 2017-03-22 22:59 IT-HourseMan 阅读(215) 评论(0) 推荐(0) 编辑

Flex 布局实例

摘要：如图：代码如下： 1 <!DOCTYPE HTML> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <link href="flex.css" rel="stylesheet" type="text/css"> 6 </head> 7 <body> 8 阅读全文

posted @ 2017-03-22 22:52 IT-HourseMan 阅读(149) 评论(0) 推荐(0) 编辑

HTML中引入CSS的方法

摘要：在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。 1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 2.内嵌式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style> 阅读全文

posted @ 2017-03-22 22:28 IT-HourseMan 阅读(562) 评论(0) 推荐(0) 编辑