关键词：
HTML 5 新增结构：
header:页面或者某个区域的头部
nav:导航栏
article：文章或者其他独立存在的页面
footer：脚注
aside：与周围主题相关的信息
section：整体，一部分主题
target="_blank"（在新窗口打开链接页面）
绝对路径：协议（http）／／域名／目录 访问站外资源，必须用绝对链接
相对路径：..／返回上一级目录
内部样式表：在head里面用style标签中写css
行内样式表：在开始标签里面接style=......进行书写
CSS的注释书写格式：／注释内容／，快捷键crtl+？
选择器：
元素选择器：标记名{ 声明块 }
类选择器： .awesome{ 声明块 } 则后面有class=“awesome”的都会用到awesome里面的声明
最常用的选择器，因为他的复用
id选择器：#awesome{ 声明块 } id选择器仅能每次选择一个元素，id=“awesome".
因为它的唯一性，使用很少
伪类选择器： 格式：ol li :nth-child(4) { 选择第四个 }（从众多子集中选择特定的某一个进行修改)
nth-last-child( ): 从倒数的第n个选择
nth-last-child(odd ):选奇数
nth-last-child( even):选偶数
通配符： ／所有元素／ { } 通配符使用星号表示，意思是“所有的”
会匹配所有的元素，因此针对所有元素的设置可以使用来完成，用的最多的例子如下：
*{margin:0px; padding:0px;}
这里是设置所有元素的外边距margin和内边距padding都为0。
并集方法： h1,h2, p,a{ } 只要是自己想要选择的都可以写进去
修改超链接样式方法：（LVha顺序）
a:link 未访问时
a:visited 访问后
a:hover 移入||悬停
a:active 点击时
！important 表示重要声明 格式：Color:red !important;
cssmodule入门
...的。如果你了解过它，你就没必要再看了，因为他真的很简单(很强大)。CSS的痛点我们都知道，CSS入门简单 查看详情
cssmodule入门
...的。如果你了解过它，你就没必要再看了，因为他真的很简单(很强大)。CSS的痛点我们都知道，CSS入门简单 查看详情
javaweb_css入门篇(代码片段)
JavaWeb_CSS入门篇本篇文章主要是通过简单认识、还有部分较为混淆的知识的一些举例说明以及一些入门基础点。文章目录JavaWeb_CSS入门篇CSS（层叠样式表）1.CSS简介2.元素2.1置换元素和非置换元素2.2元素的显示方式3.CSS应用... 查看详情
javaweb_css入门篇(代码片段)
JavaWeb_CSS入门篇本篇文章主要是通过简单认识、还有部分较为混淆的知识的一些举例说明以及一些入门基础点。文章目录JavaWeb_CSS入门篇CSS（层叠样式表）1.CSS简介2.元素2.1置换元素和非置换元素2.2元素的显示方式3.CSS应用... 查看详情
h5.css入门2.css基础
...先级和作用域6、CSS选择器7、选择器的权重8、浮动属性的简单应用9、HTML、CSS注释一、CSS简介英文全名：cascadingstylesheets(百度百科)===cascadingstylesheet层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显... 查看详情
css之sass入门
...自定义发量、不可以引用等等。面对这些问题引入Sass，简单的说，他是css的升级版，Sass比Less的功能更强大，也更复杂，可以自定义发量，可以有if语句，还可以嵌套等等。一、Sass的定义Sass：英文是SyntacticallyAwesomeStylesheetsSass。... 查看详情
css之sass入门
...自定义发量、不可以引用等等。面对这些问题引入Sass，简单的说，他是css的升级版，Sass比Less的功能更强大，也更复杂，可以自定义发量，可以有if语句，还可以嵌套等等。一、Sass的定义Sass：英文是SyntacticallyAwesomeStylesheetsSass。... 查看详情
phantomjs快速入门学习简单截图
因为phantomjs使用了一个真正的渲染引擎WebKit,它能截取一个web页面的真实影像，这是因为phantomjs能够折射出WEB页面上的任何东西，包括html,css,svg和Canvas等。 新建一个JS文件，baidu.js。//写入以下内容varpage=require("webpage").create();//... 查看详情
react入门
对前面四篇内容进行简单的回顾：react入门（1）：jsx，组件，css写法react入门（2）：事件，this.props.children，props，...otherreact入门（3）：jsx／html／css分开写（分成三个文件），state，onChange事件，refsreact入门（4）：props和state的混... 查看详情
less入门
...语法的基础上，为CSS加入程序式语言的特性。下面是一个简单的例子：变量使用@符号定义。例如：/*变量声明*/@base:#f938ab;@images:"../im 查看详情
gulp入门及简单使用
...合并并压缩、压缩图片等。gulp在多种构建工具中，算是简单的了，其他构建工具有Grunt、Webpack（何其复杂！）。所以我们先来个简单的。 使用首先，使 查看详情
day01_css入门(代码片段)
...式。CSS让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS可以美化HTML,让HTML更漂亮，让页面布局更简 查看详情
现代css进化史
简评：CSS是一门入门比较简单，但真正使用起来又很困难的语言（有些人认为它不应该称为一门语言）。CSS看起来凌乱复杂，其实攻克也不难，了解了CSS的发展背景你就会有对它有了系统性的认知。通过这一篇文章，你基本就会... 查看详情
现代css进化史
简评：CSS是一门入门比较简单，但真正使用起来又很困难的语言（有些人认为它不应该称为一门语言）。CSS看起来凌乱复杂，其实攻克也不难，了解了CSS的发展背景你就会有对它有了系统性的认知。通过这一篇文章，你基本就会... 查看详情
关于获取设置css样式封装的函数入门版
1<html>2<head>3<metacharset="UTF-8">4<title>CSS样式的获取和设置:简单版</title>5<styletype="text/css">6#div{7width:100px;8height:100px;9background:pink;10}11</style>12< 查看详情
css入门指南——页面的水平居中
...个名字——水平居中布局 其实要实现这样的布局十分简单，即给中间部分一个宽度，设置margin左右值为auto,如，中间部分class="main".main{width:1200px;margin:0auto;}这样，中间部分就以1200px的宽度水平居中了，当屏幕宽度小于1200时，... 查看详情
关于java前端入门的一些简单的看法
html:是网页的骨架,静态网页初步的轮廓,简单粗糙,僵硬又没有美感.表单的标签<form>,里面的<input>很常用,里面有type属性等css:为了更加灵活,常与div一起布局,设置边框,颜色,位置等,标签内写(关键词style)JavaScript:比前两个多... 查看详情
less使用入门
...ESSS是基于JavaScript，所以，是在客户端处理的。使用less很简单：1下载less.js2新建less文件后缀名称是.less3在页面中引入less文件，跟引入普通的css的是一样的，区别：rel=stylesheet/less css是stylesheet/css 4在less文件的下方引... 查看详情