1、自适应网站 自适应网站源码特征 ： （1）宽度百分比布局 （2）文字rem（em）设置大小 展示形式 ：自适应是为了解决如何才能在不同大小的设备上呈现同样的网页， 网站的内容和布局是没有变的 。 2、响应式网站 最著名的是前端框架bootstrap（http://v3.bootcss.com/c...

2018-06-24 01:44:12

响应式媒体查询 媒体查询 从 CSS 版本 2 开始，就可以通过媒体类型在 CSS 中获得媒体支持。如果您曾经使用过打印样式表，那么您可能已经使用过媒体类型。清单 1 展示了一个示例。 清单 1. 使用媒体类型link rel="stylesheet" type="text/css" href="site.css" media="s...

2018-06-24 01:44:00

Ctrl+D 选词 （反复按快捷键，即可继续向下同时选中下一个相同的文本进行同时编辑） Ctrl+G 跳转到相应的行 Ctrl+J 合并行（已选择需要合并的多行时） Ctrl+L 选择整行（按住-继续选择下行） Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+T 词互换 Ctrl+U 软撤销 Ctr...

2018-06-24 01:44:04

第一章 一、样式 1、行间样式，代码不可维护，不推荐 2、内联样式，不可重用，不推荐 3、外联样式，可重用，可维护，推荐 link rel="stylesheet" href="...css" / 二、边框 1、组成：border: 1px [ solid | dashed |double ] red; 1.1 双实线的宽度 用border-width: 4p...

2018-06-24 01:43:56

一、什么是html? 1.我们说socket网络编程的时候，提到过一个cs模型，就是客户端—服务端模型，前端开发也是基于网络编程，但是这时就应该是bs模型了，是浏览器与服务端的通信。 我们可以模拟一个bs模型： # 服务端 import socketsock = socket.socket()sock.bind(( ' 1...

2018-06-24 01:43:55

1、常用表格标签 普通 table | tr | | th/th | | td/td | /tr /table 常用 标签 描述 table 定义表格 th 定义表格的表头 tr 定义表格的行 td 定义表格单元 caption 定义表格标题 colgroup 定义表格列的组 col 定义用于表格列的属性 thead 定义表格的页眉 tbody 定义表...

2018-06-24 01:43:55

css如何实现这样的样式： 解决方案： 这里需要用到的技术是border-image的灵活运用，首先需要一张图片，这里我选中的是这样子的，此后 的图片可以拿这个更改圆形的颜色以更改锯齿颜色： 底部透明，正方形，ps截图如下： 好了，下面咱们就开始真正的代码： html: sectio...

2018-06-24 01:43:47

一、vertical-align 一）定义：定义行内元素的基线相对于该所在基线的垂直对齐。（只针对行类块inline/inline-block/img，块级不适用！） 二）语法： 三） 某些 数值： 四）何为基线呢？？关于基线 有这样的说法： 像不像我们小时候写的英文字母的线，实在是太TMD像了...

2018-06-24 01:43:45

如何使得块元素全屏居中，这里有两种方法，下面进行一一描述： 1、在已知块元素的宽和高的情况下： .css { position : absolute ; height : 块高；width:块宽 ; top : 50% ; margin-top : -块高/2 ; left : 50% ; margin-left : -块宽/2 ;} 下面举例说明，如下图图片所...

2018-06-24 01:43:39

前言 作为一个前端工程师，虽然是刚开博客的技术小白，但是还是得给自己配一个看着舒服的皮肤。也没多少技术含量，只要看着舒服就行。喜欢的可以随意拿走！ 原模板的提供作者：孤月蓝风 原模板地址：CodingLife 最终效果图： 手机： 平板： PC：（还需要更改，缺一个好...

2018-06-24 01:43:39