inline: 此元素会被显示为内联元素，元素前后没有换行符。 因此：无法设置宽度和高度～ inline-block: 行内块元素。元素前后没有换行符（CSS2.1 新增的值） 用通俗的话讲，就是 不 独占一行的块级元素。然后拥有块级元素的属性，可以设置宽度和高度。 line-height: 对...

2018-08-26 17:21:52

1.html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为htm...

2018-08-26 17:21:50

我对CSS选择器的认识 一、简述 CSS选择器是对HTML元素进行选择的筛选条件，大概可以分为两类： 特征选择器——根据元素自身所具有的某种特征进行筛选，比如名称、ID、属性等； 关系选择器——根据元素与其他元素的关系进行筛选，比如子元素、兄弟元素等； 在真正使用的...

2018-08-26 17:21:47

瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式。视觉表现为参差不齐的多栏布局，最早采用此布局的是网站是 Pinterest，后逐渐在国内流行。 瀑布流布局效果 即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽度达到我...

2018-08-26 17:21:23

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 less文件只有被编译后才能被浏览器识别和使用 less编译工具：1. Koala ：国人开发的less全平台编译工具 网址：http://koa...

2018-08-26 17:21:23

css sprites：精灵图（雪碧图）：把一堆小图片整合在一张大图上，通过背景图片相关设置（背景图片、背景图是否重复、背景图定位），显示图片，减轻服务器对图片的请求数量 优点： 1、减少网页的HTTP请求，提高页面性能 2、图片命名上的困扰 3、更换风格方便 缺点： 1、...

2018-08-21 05:37:36

CSS3实现各种表情 效果图： 代码如下，复制即可使用： ! DOCTYPE html html head title / title style type ="text/css" body { text-align : center ; margin : 80px auto 0 ; font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif ; } .emoji { width...

2018-08-21 05:37:31

方法一： 容器确定宽高：知识点：transform只能设置在display为block的元素上。 head meta charset="UTF-8" titleTitle/title style type="text/css" #container{ width: 500px; /* 确定！*/ height: 300px; background-color: pink; } #child{ width: 100px; /* 如果...

2018-08-21 05:37:30

Day3 Form表单 一.form表单 :提交数据 表单在网页中主要负责数据采集功能，它用form标签定义。 用户输入的信息都要包含在form标签中，点击提交后，form和/form里面包含的数据将被提交到服务器或者电子邮件里。 所有的用户输入内容的地方都用表单来写，如登录注册、搜索...

2018-08-21 05:37:27

Day1 了解web前端 一.职业发展路线: 前端页面制作、前端开发、前端架构师 二.1)前端工程师主要职责: 利用HTML/CSS/JavaScript等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，同时结合后台技术模拟整体效果，致力于通过技术改善用户体验...

2018-08-21 05:37:25