1.使用cdn引入font_awesome图标库的css文件
例如：index.htm
<html><head><title>font_awesome test</title><link rel="stylesheet" href="https
CSS中有很多功能强大的方法，其中过渡属性transition就很牛叉。你不用写一行JavaScript代码，随便写点css就可以实现一个动画效果。下面结合我在W3C网站上看到的实例，举个栗子说明下(⊙o⊙)…
鼠标碰我(*^__^*)
上面是一个过渡动画的demo，效果是不是很帅啊！
1 &l
<div class="table">
<h2 class="table-caption">花名册：</h2>
<div class="table-column-group">
&l
Ctrl+D 选词 （反复按快捷键，即可继续向下同时选中下一个相同的文本进行同时编辑）Ctrl+G 跳转到相应的行Ctrl+J 合并行（已选择需要合并的多行时）Ctrl+L 选择整行（按住-继续选择下行）Ctrl+M 光标移动至括号内开始或结束的位置Ctrl+T 词互换Ctrl+U 软撤销Ctrl+
Flexbox布局
刚开始接触flex布局的时候，只知道它可以用来使子元素水平垂直居中，代码最为简洁好用。
.container {
display: flex;
justify-content: center;
align-items: center;
}
当然不仅
一、什么是html?
1.我们说socket网络编程的时候，提到过一个cs模型，就是客户端—服务端模型，前端开发也是基于网络编程，但是这时就应该是bs模型了，是浏览器与服务端的通信。
我们可以模拟一个bs模型：
#服务端
import socket
sock=socket.sock
文件处理2：分区分块、有序无序
1 <!-- 申明HTML5版本 -->
2 <!DOCTYPE html>
3 <html lang="en">
4 <head>
5 <!-- 设置编码为UTF-8 -->
6
本文最初发表于博客园，并在GitHub上持续更新。以下是正文。
标准文档流
宏观地讲，我们的web页面和photoshop等设计软件有本质的区别：web页面的制作，是个“流”，必须从上而下，像“织毛衣”。而设计软件，想往哪里画个东西，都能画。
标准文档流的特性
我们来看看标准流有哪些微观现象。
前言
作为一个前端工程师，虽然是刚开博客的技术小白，但是还是得给自己配一个看着舒服的皮肤。也没多少技术含量，只要看着舒服就行。喜欢的可以随意拿走！
原模板的提供作者：孤月蓝风
原模板地址：CodingLife
最终效果图：
手机：
文本处理-相关操作：
1 <!-- 申明为html5版本 -->
2 <!DOCTYPE html>
3 <html>
4 <head>
5 <title>文本处理</title>
6 <me
区别一：
块级：块级元素会独占一行，默认情况下宽度自动填满其父元素宽度
行内：行内元素不会独占一行，相邻的行内元素会排在同一行。其宽度随内容的变化而变化。
区别二：
块级：块级元素可以设置宽高
行内：行内元素不可以设置宽高
区别三：
块级：display:block;
行内：display:inli
页面布局的三种方式：
a、TABLE布局：已过时
b、DIV+CSS：当前主流
c、HTML5布局标签：未来趋势
1、学生成绩表设计
注意：
<body> <table height="250px" width="600" border="1" align="center
1. 网页布局概述
网页布局的概念是把即将出现在网页中的所有元素进行定位，而CSS网页排版技术有别于传统的网页排版方法，它将页面首先在整体上使用<div>标记进行分块，然后对每个快进行CSS定位以及设置显示效果，最后在每个块中添加相应的内容。利用CSS排版方法更容易地控制页面每个元
CSS3 动画
当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。
通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：
规定动画的名称
规定动画的时长
把 "myfirst" 动画捆绑到 div 元素，时长：5 秒：
div
{
animat
1、创建HTML时，需将文件编码设置为UTF-8；
2、需要在<head>元素下，借用<meta>元素设置内容的编码:
1)文件的编码：在webstorm中设置文件编码的问题：File-->Editor-->File Encoding。注意该项涉及的"Globa
1.一列布局——常用于网站首页。
html：
1 <div class="top"></div>
2 <div class="main"></div>
3 <div class='foot'></div>
css：
1
“T”结构布局形式。所谓“T”结构，就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，整体效果类似英文字母“T”，所以称之为“T，形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。缺点是规矩呆板，如
一直使用jQuery的hover()函数来写鼠标经过事件，这几天发现其他同行直接使用CSS就搞定了。自己在线下也试了试：
当然也并不是没有前提条件，需要配合一些定位属性来使用（position/top/left）。代码如下：
<!DOCTYPE html>
<html lang=
css如何实现这样的样式：
解决方案：
这里需要用到的技术是border-image的灵活运用，首先需要一张图片，这里我选中的是这样子的，此后 的图片可以拿这个更改圆形的颜色以更改锯齿颜色：
底部透明，正方形，ps截图如下：
好了，下面咱们就开始真正的代码：
html:
<secti
一、vertical-align
一）定义：定义行内元素的基线相对于该所在基线的垂直对齐。（只针对行类块inline/inline-block/<img>，块级不适用！）
二）语法：
三）某些数值：
四）何为基线呢？？关于基线 有这样的说法：
像不像我们小时候写的英
客服
