HTML5提供了很多新的标签，由于HTML5的兼容性比较差，HTML5的标签常用于手机端<nav><footer><section><header><article><aside>更多HTML5新标签可以看W3CschoolCSS3结构伪类选择器:first-child选中第一个元素:last-child选中最后一个元素:nth-child(n)选中第几个元素其中n除了填写数...

一、相对定位（position：relative）1、相对定位：将盒子的position属性设置为relative；可通过left、top、right、bottom设置偏移量。相对定位基础用法示例：我们先在页面设置两个div盒子（第一个红色；第二个蓝色）最初的位置我们将第一个盒子进行相对定位；离左边200px；离顶部50px；得到的效果是；得出结论：1、红色盒子是相对于盒子最初的位置向左偏移2...

CSS介绍CSS（CascadingStyleSheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。CSS语法CSS实例每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。CSS注释/*这是注释*/　　　CSS的几种引入方式行内样式行内式是在标记的sty...

CSS是CascadingStyleSheets（层叠样式表）的简写，用于修饰文档的语言，可以修饰HTML、XML、SVN。每个语言都有每个语法的规则：CSS声明、CSS声明块、CSS选择器、CSS规则。1、css声明简单来说就是一个键值对的形式，类似于　　color:black;2、css声明块就是用大括号{}括起若干个css声明，类似于　　{color:black;backgroun...

目录1.CSS介绍2.CSS的引入方式2.1行内样式2.2内接样式2.3外接样式-链接式2.4外接样式-导入式3.css选择器3.1基本选择器：3.2标签选择器(标签名)3.3类选择器(.)3.4id选择器(#)3.5高级选择器：4.选择器的权重5.高度宽度6.字体属性7.文本8.背景图片9.边框的设置10.块和行内的概念\转换11.盒模型11.1盒模型的属性11.2padding的设置11.3b...

弹性布局的名称概念：1、容器：需要添加弹性布局的父元素；项目：弹性布局容器中的每一个子元素，称为项目。2、主轴：在弹性布局中，我们会通过属性规定水平/垂直方向（flex-direction）为主轴；与主轴垂直的另一方向，称为交叉轴。弹性布局的重要的几大基础属性：1、flex-direction属性决定主轴的方向（即项目的排列方向）。row（默认值）：主轴为水平方向，起点在左端；row-rever...

博主废话少说，直接介绍css常用的属性和属性值；属性和值只需过一遍，页面的结构还是需要布局，布局的只是后期会更新的。提供一些图标的网站：font-awesome:http://fontawesome.dashgame.com/|iconfont:http://www.iconfont.cn/文本样式1、字体样式color为字体指定颜色，取值如下：颜色的...

1、使用行内样式表语法：在标签内部写入一个style属性。优点：没有样式表文件，在某些时候可以提高效率；优先级高。缺点：多个页面难以共享样式，不利于代码复用；HTML和CSS代码混杂，不利于程序员和搜索引擎阅读。2、使用内部样式表语法：在head标签写一个style标签，在style标签里面通过选择器（元素选择器、类选择器、ID选择器）来选择标签，从而控...

一、float基础用法示例1、我们先建两个div盒子，设置高度、宽度和背景颜色；最开始两个盒子在网页上的位置如下：然后我们将红色盒子浮动到右边然后我们会发现红色盒子浮动到了右边，但是蓝色盒子就直接上移到了原先红色盒子的位置。然后我们将蓝色盒子也浮动到右边看看效果：我们会发现它会紧跟着红色盒子排列，而不会受块级元素影响独占一行。二、浮动定位的基本规则1、当元素的float属性取...

1.CSS介绍层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。2.CSS语法选择器{属性:属性值;}3.CSS使用方式内部样式表<styletype="text/css">/*c...