在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素依次排列，不能并排。使用“浮动”方式后，块级元素的表现就会有所不同。 CSS中有一个float属性，默认为none，也就是标准流通常的情况。 如果将float属性的值设置为left...

2018-06-24 01:50:50

一 HTML概述 1、HTML文档基本结构 先来看一个关于HTML的例子，里面包含了几个主要的HTML标签： ! DOCTYPE html html head meta charset ="utf-8" title This is my first html / title / head body h1 我的第一个标题 / h1 p 我的第一个段落！ / p / body / html 简单...

2018-06-24 01:50:44

转自：http://www.cnblogs.com/ranyonsue/p/5984001.html HTTP简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据（HTML...

2018-06-24 01:50:39

css钻石旋转实现: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlestyle type="text/css"/* 钻石旋转 * 要实现这个钻石旋转: 首先需要明确这个钻石分为上下两个部分,上面包含六个正三角形,下面有6个倒三角形 * css实现正三角形：上右下左的方向 border-style: s...

2018-06-24 01:50:34

在内容超出屏幕时，footer只有在滚动条拉直底部时才出现。当撑不满屏幕时，footer直接固定在底部。 主体区域 min-height:100%, 恰好把 footer 挤出一屏外，footer 本身使用负的 margin-top 往上提与 height 相同的距离，这时只需在主体区内部元素上添加 padding-bottom...

2018-06-24 01:50:25

一、现象 为了简写样式 二、解决 1、安装sass ,利用npm 安装 (npm工具如果没有，请先自行安装好) （1）、npm install node-sass --save-dev （2）、npm install sass-loader --save-dev 2、修改.angular-cli.json文件 把原来的： "defaults" : { "styleExt" : "css" ,...

2018-06-24 01:50:33

!DOCTYPE html html lang="en" head meta charset="UTF-8" titleTitle/title style #pbox{ width: 100%; height:100%; } #box{ width: 200px; height: 200px; background:red; position: absolute; } /style /head body input type="button" id="btn" value="随机生成"...

2018-06-24 01:50:29

1、项目目录结构为： 2、webpack.config.js配置文件为： var htmlWebpackPlugin = require('html-webpack-plugin' );module.exports = { // 打包入口 entry: { main: './src/js/main.js' , a: './src/js/a.js' , b: './src/js/b.js' , c: './src/js/c.js' }, // 打包后...

2018-06-24 01:50:30

一、伪类和伪元素 伪类和伪元素都是用来修饰不在文档树中的部分，区别在于， 伪类 用于当已有元素处于的某个 状态 时，为其添加对应的样式，这个状态是根据用户行为而 动态 变化的(如:hover/:active)。 而 伪元素 则用于创建一些 不在文档树中的元素 ，并为其添加样式(...

2018-06-24 01:49:55

一、现象 新创建的项目，是直接显示在src目录下的，假如会用到其它第三方的全局样式时，不能统一放在一个地方统一来管理，就会感觉有点乱。 二、解决 1、移动样式表。 在assets文件夹 （该文件夹一般都是放一些静态的文件） 下新建 css文件夹，然后把外面的styles.css...

2018-06-24 01:50:12