破阵子·Web
文章平均质量分 92
携星河赠你
那时我们有梦,关于文学,关于爱情,关于穿越世界的旅行;
如今我们深夜饮酒,杯子碰到一起,都是梦破碎的声音。
——北岛
展开
-
Visual Studio Code使用体验
官网:https://code.visualstudio.com/简介VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。一、设置首选项下载安装完成后,打开编辑器,首先要设置主题、字体大小等。1. 设置主题文件→...翻译 2018-10-19 14:59:12 · 763 阅读 · 0 评论 -
自适应网页设计的方法(手机端良好的访问体验)
一、在HTML头部增加viewport标签。 很多时候我们开发的页面需要自适应移动端和手机端,那么如何实现呢?其实很简单,看下面先看一个简单的网页代码<html><head><meta charset="utf-8"/></head><body>hello 我不是自适应网页</body>原创 2018-09-10 15:39:20 · 3130 阅读 · 0 评论 -
CSS 样式书写规范(推荐)+CSS布局实例(详解)
CSS 样式书写规范(推荐)编码设置采用 UTF-8 编码,在 CSS 代码头部使用:@charset "utf-8";注意,必须要定义在 CSS 文件所有字符的前面(包括编码注释),@charset 才会生效。例如,下面的例子都会使得 @charset 失效:/* 字符编码 */@charset "utf-8";html,body { height: 100%;}@charset ...原创 2018-04-09 15:05:14 · 3488 阅读 · 0 评论 -
前端学习笔记(四)--CSS控制UL LI 的样式详解(推荐)及纯CSS制作各种各样的网页图标(三角形、暂停按钮、下载箭头、加号等)
DIV+CSS里,我们用得最多的就是ul li来显示数据,如新闻按钮等。下面给大家一个css ul li的例子供学习<div id="menu"> <ul> <li><a href="#">首页</a></li> <li class="menuDiv"&g原创 2018-04-08 16:21:44 · 6659 阅读 · 0 评论 -
前端学习笔记(三)-基于display:table的CSS布局让HTML元素和像table一样
display:table的CSS声明能够让一个HTML元素和它的子节点像table元素一样。使用基于表格的CSS布局,使我们能够轻松定义一个单元格的边界、背景等样式,而不会产生因为使用了table那样的制表标签所导致的语义化问题。网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。使用CSS表格 CSS表格...原创 2018-04-08 14:49:22 · 1480 阅读 · 0 评论 -
前端学习笔记(二)--CSS中清除浮动及清除浮动技巧
浮动原理图一、(1)清除浮动:就是可以去掉前面对象浮动,对后面对象的影响。(浮动浮动,先浮后动,浮动的对象会先漂浮起来,离开原来的位置,而后动就是指其后面的对象。会向他原来的位置上,动起来。)<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta nam原创 2018-04-08 14:54:02 · 291 阅读 · 0 评论 -
学习编程技术的菜鸟长成记
众里寻他千百度,为了百度,为了梦想,我们一起分享、交流、奋斗! Simple and reliable —— 简单可依赖 C 语言学习 Linux C 编程一站式学习http://learn.akae.cn/media/ Learning GNU Chttp://www.faqs.org/docs/learnc/ C 编程入门http://www.bianceng.cn/ C 语言论坛http:/...原创 2018-03-06 11:08:19 · 290 阅读 · 0 评论 -
前端HTML、CSS学习完整笔记(下篇)
第46课 首页实战之footer区域开发css@CHARSET "UTF-8"; .clr { clear: both; width: 0px; height: 0px;} #container { width: 1002px; margin: 0 auto;} #header { height: 128px; background: gray url(...原创 2018-03-06 10:46:17 · 654 阅读 · 0 评论 -
前端HTML、CSS学习完整笔记(中下篇)
第四章 HTML语义标签第32课HTML学习思维导图一、html结构:主要包括3部分:doctype、head、body1)doctype:文档类型,XHTML1.0提供了3中DTD供可供选择* 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法),完整代码如下:<!DOCTYPE html PUBLIC "-//W3...原创 2018-03-06 10:13:34 · 601 阅读 · 0 评论 -
前端HTML、CSS学习完整笔记(中上篇)
第21课 inline内联(行内元素)<!DOCTYPE html><html> <head> <title>study21.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">原创 2018-03-06 09:43:08 · 362 阅读 · 0 评论 -
前端HTML、CSS学习完整笔记(上篇)
第一章 div布局前几课内容.htm是早期的后缀,因为那时只能支持长度为3的后缀,因此html与htm是一样的。shtml是服务器先处理然后再交给浏览器处理#HTML小知识#之#XHTML与HTML的区别#XHTML是更严谨更纯净的 HTML 版本。XHTML目标是取代HTML。更详细的介绍 XHTML 教程 http://t.cn/h94BV#HTML小知识#之#<!DOCTYPE>...原创 2018-03-06 08:54:58 · 500 阅读 · 0 评论 -
前端学习笔记(一)--css控制背景与css精灵、css浮动技术
一、css控制背景背景图片,默认情况下是平铺的,并且在左上角;、<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®">原创 2018-04-08 14:54:17 · 540 阅读 · 0 评论 -
w4#180227图片亮暗程度调整
最后点击“确定”进行保存。原创 2018-02-28 13:53:08 · 244 阅读 · 0 评论