Web前端学习笔记

Web前端学习笔记：Bootstrap框架

　　很久之前就有很多人给我推荐twitter的Bootstrap框架，但是直到前几天我才真正学习了下Bootstrap，的确是相当棒的框架，至少从视觉体验上超越了很多以前碰到了前端UI框架。今天我要聊聊Bootstrap，最后给出一份我整理的Bootstrap的UI的demo，以及我自己使用Bootstrap开发的例子。 　　下面我在这里简单的介绍下Bootstrap框架。 　　Bootstr
·2015-10-27 13:40

web前端学习笔记（2）——调色板简单初始版

HTML代码自制调色板html{width:100%;height:100%;margin:0;}body{idth:100%;height:100%;margin:0;color:#FFFFFF;}转换颜色JavaScript代码functioncolor(input1,input2,input3){varshow=document.getElementById('show');varco1=p
sqchenxiyuan·2015-09-26 16:43

web前端学习笔记(CSS盒子的定位)

相对定位    使用相对定位的盒子的位置常以标准流的排版方式为基础，然后使盒子相对于它在原本的标准位置偏移指定的距离。相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。   使用relative，即相对定位，除了将position属性设置为relative之外，还需要指定一定的偏移量，水平方向通过left或者right属性来指定，竖直方向通过top和bottom来指定。以下为后面实验的
阮馨薇·2014-07-26 20:00

web前端学习笔记(CSS固定宽度布局)

一、单列布局：这是最简单的一种布局方式，之所以给出该示例，还是为了保证本篇博客的完整性。 固定宽度布局 #header,#pagefooter,#content{ border:1pxsolidred; margin:10pxauto10px10px; padding:5px; width:360px; } PageHeader 这是一行文本，这里作为样例，显示在布局框中。 这是一行
king_tt·2013-09-30 10:00

web前端学习笔记(CSS固定宽度布局)

一、单列布局：    这是最简单的一种布局方式，之所以给出该示例，还是为了保证本篇博客的完整性。 固定宽度布局 #header,#pagefooter,#content{ border:1pxsolidred; margin:10pxauto10px10px; padding:5px; width:360px; } PageHeader 这是一行文本，这里作为样例，显示在布局框中。
binyao02123202·2013-09-30 10:00

web前端学习笔记(CSS变化宽度布局)

web前端学习笔记(CSS变化宽度布局)一、“1-2-1”单列变宽布局：   对于变宽度的布局，首先要使内容的整体宽度随浏览器窗口宽度的变化而变化。
·2013-09-30 09:00

web前端学习笔记(CSS固定宽度布局)

web前端学习笔记(CSS固定宽度布局)一、单列布局：    这是最简单的一种布局方式，之所以给出该示例，还是为了保证本篇博客的完整性。
·2013-09-29 14:00

web前端学习笔记

web前端学习笔记(CSS盒子的定位)相对定位    使用相对定位的盒子的位置常以标准流的排版方式为基础，然后使盒子相对于它在原本的标准位置偏移指定的距离。
·2013-09-23 11:00

CSS盒子的浮动

web前端学习笔记(CSS盒子的浮动)在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素依次排列，不能并排。
·2013-09-18 11:00

web前端学习笔记

瀑布流效果目前应用很广泛,像花瓣,新浪轻博,蘑菇街,美丽说等好多网站都有.也有好多支持该效果的前段框架,今天学习了一下这种效果的实现,不依赖插件,自己动手分析实现过程,为了便于叙述清楚,分析中的一些名词为自己拟定,不当之处还望见谅. 思路分析步骤一:构建成行元素 + 寻找新增元素追加位置瀑布流所有元素的宽度是固定的,我们用浏览器的宽度除以每个瀑布流块的宽度,就是每一行可容纳的瀑布流块的个数.因为,
dyllove98·2013-08-25 12:00

Web前端学习笔记：Bootstrap框架

很久之前就有很多人给我推荐twitter的Bootstrap框架，但是直到前几天我才真正学习了下Bootstrap，的确是相当棒的框架，至少从视觉体验上超越了很多以前碰到了前端UI框架。今天我要聊聊Bootstrap，最后给出一份我整理的Bootstrap的UI的demo，以及我自己使用Bootstrap开发的例子。下面我在这里简单的介绍下Bootstrap框架。Bootstrap框架属于UI框架
v5browser·2013-06-25 09:00

Web前端学习笔记：Bootstrap框架

很久之前就有很多人给我推荐twitter的Bootstrap框架，但是直到前几天我才真正学习了下Bootstrap，的确是相当棒的框架，至少从视觉体验上超越了很多以前碰到了前端UI框架。今天我要聊聊Bootstrap，最后给出一份我整理的Bootstrap的UI的demo，以及我自己使用Bootstrap开发的例子。下面我在这里简单的介绍下Bootstrap框架。Bootstrap框架属于UI框架
·2013-06-23 21:00

Web前端学习笔记（三）——input标签的属性

说明：最近整理硬盘，发现好几篇自己以前学习web前端技术时所记录的笔记，觉得还是颇有价值的，因此打算陆续整理出来。 Input表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框、密码输入框、单选/复选框、提交/重置按钮等，下面一一介绍。 1 type=text 输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住
webcode·2012-03-02 15:00

Web前端学习笔记（二）——CSS中的选择符

说明：最近整理硬盘，发现好几篇自己以前学习web前端技术时所记录的笔记，觉得还是颇有价值的，因此打算陆续整理出来。 好吧，在讲之前先给大家分享一件往事，以提醒我自己和大家对知识点的把握一定要精准。那是有一年我去找实习，在参加一个公司的笔试时内有一道题目是让说出css有哪些选择器。只要学css就没有人不知道#id_1 {}，.class_1{}这些东东的，可偏偏我悲催就悲催在我压根不知道这些东
webcode·2012-03-02 15:00

Web前端学习笔记（一）——html文件中的标签的含义

说明：最近整理硬盘，发现好几篇自己以前学习web前端技术时所记录的笔记，觉得还是颇有价值的，因此打算陆续整理出来。 1 网页文件中meta标签的含义 meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的<head>与</head>中，meta标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于
webcode·2012-03-02 14:00

web前端学习笔记

js替换内容 var test = "hi, everyone, this is just a test"; var res = test.replace("e"," "); 只会替换第一个e alert(res); var resu = test.replace(/e/g, " ");替换所有e ale
whmjxa·2011-07-16 22:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他