- 博客(17)
- 资源 (7)
- 收藏
- 关注
原创 CSS快速学习:几种导航条案例
<!doctype html><html><head><meta charset="utf-8"><title>导航条</title><style type="text/css">* {margin:0; padding:0;}ul li {list-style:none;}body {background:#000;}a {color:#333; font-size:14px;
2016-08-29 13:59:15 1297
转载 前端页面优化
前端是庞大的,包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。
2016-08-29 11:59:06 9806
原创 CSS快速学习10:高度自适应
高度自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。(1)宽度自适应元素宽度设置为100%。(块元素宽度默认为100%)(2)元素具备最小高度的自适应min-height属性:最小高度;说明:IE6浏览器
2016-08-27 14:11:05 917
原创 CSS快速学习9:浏览器兼容
五大浏览器内核 •Trident (MSHTML) (三叉戟;三叉线;三齿鱼叉)•Gecko (壁虎)•Presto ( 迅速的)•Webkit (Safari内核,Chrome内核原型,它是苹果公司自己的内核,也是苹果的Safari浏览器使用的内核)•Blink (由Google和Opera Software开发的浏览
2016-08-27 14:08:56 674
原创 Atom常用快捷键
Atom常用快捷键:英文中文快捷键功能New Window新建界面窗口Ctrl + Shift + N如中文意思New File新建文件Ctrl + N如中文意思Open File打开文件
2016-08-25 15:37:29 45913 2
原创 CSS快速学习8:圆角切图、滚动条和图片整合技术
圆角切图1、css 书写border-radius:左上角 右上角 右下角 左下角border-radius:左上角右下角 右上角左下角(对角线)border-top-left-radius:左上角border-top-right-radius:右上角border-bottom-left-radius:左下角border-bottom-rig
2016-08-25 15:30:23 1561
原创 CSS快速学习7:定位锚点
定位锚点:一、position 定位属性,检索对象的定位方式;语法:position:static /absolute/relative/fixed 取值:1、static:默认值,无特殊定位,对象遵循HTML原则;2、absolute:绝对定位,将对象从文档流中拖离出来,使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位
2016-08-25 08:46:36 4701
原创 CSS快速学习6:vertical-align讲解
Vertical-align属性设置元素的垂直对齐方式。说明该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。值描述长度通过距离升高(正值)或降低(负值)元素。'0cm'等同于'baseline'
2016-08-23 21:26:24 359
原创 CSS快速学习5:文本溢出和XHTML元素分类
文本溢出1.溢出属性(容器的)overflow:visible/hidden(隐藏)/sroll/auto(自动)/inherit;visible:默认值,内容不会被修剪,会出现在元素框之外;hidden:内容会被修剪,并且其余内容是不可见的;scroll:内容会被修剪,但是浏览器会显示滚动条,以便查看其余的内容;auto:如果内容被修剪,则浏览器会显示滚动条,以便查看其他
2016-08-22 19:01:50 598
原创 计蒜客挑战难题:爬楼梯
假设你现在正在爬楼梯,楼梯有n级。每次你只能爬1级或者2级,那么你有多少种方法爬到楼梯的顶部?格式:第一行输入一个数n(n<=50),代表楼梯的级数。接下来一行输出你的方法总数。样例输入5 样例输出8代码:import java.util.Scanner;public class Main { public static int calStepDP(int n){ int
2016-08-22 16:44:46 583
原创 CSS快速学习4:浮动和盒模型
浮动属性:Float:定义网页中其他文本如何环绕该元素。有三个属性值:left:元素活动浮动在文本左面;right:元素浮动在右面;none:默认值,不浮动。浮动的三大显著特征:1.div块元素失去“块状”换行显示特征,变为行内元素。2.紧贴上一个浮动元素(同方向)或父级元素的边框,如宽度不够将换行显示。3.占据行内元素的空间,导致行内元素围绕显示。 浮
2016-08-19 20:57:44 543
原创 计蒜课挑战难题:罗马数字转换成整数
给定一个罗马数字s,( I<=s<=MMMCMXCIX)(即1到3999),将罗马数字转换成整数。如罗马数字I,II,III,IV,V分别代表数字1, 2, 3, 4, 5。格式:第一行输入一个罗马数字,接下来输出对应的整数。提示:首先要来了解一下罗马数字表示法,基本字符有7个:I,V,X,L,C,D,M,分别表示1,5,10,50,100,500,1000。在构成数字的时候,有下列规则:1、相同的
2016-08-19 19:08:53 448
原创 计蒜客挑战难题:整数转换成罗马数字
给定一个整数num,( 1<=num<=3999),将整数转换成罗马数字。如1,2,3,4,5对应的罗马数字分别位I,II,III,IV,V等。格式:第一行输入一个整数,接下来输出对应的罗马数字。提示:罗马数字的常识见此链接,对做题有帮助哦~尤其是表示方法。http://baike.baidu.com/link?url=injU8M4bAoc2zRZQ1GtgrfvuzCJO9PLnq6fpQGJL
2016-08-19 19:07:27 357
原创 计蒜客挑战难题:最后一个单词的长度
给定由大写,小写字母和空格组成的字符串,返回最后一个单词的长度。 如果不存在最后一个单词,返回0 注意: “单词”是指不包含空格符号的字符串 例如: s = “hello World”, 那么返回的结果是5 格式: 第一行输入字符串s,然后输出s中最后一个单词的长度。样例输入Today is a nice day 样例输出3代码:import java.util.S
2016-08-18 20:45:48 416
原创 JavaScript快速入门
JavaScript是互联网上最流行的脚本语言,这门语言可用于HTML和web。是一种轻量级的编程语言,是可插入HTML页面的编程代码,比较容易学习。下面给出一段代码可以让你快速了解JavaScript的一些特点。<!DOCTYPE html><html><head><meta charset="utf-8"><title>javascript学习</title></head><bo
2016-08-18 20:41:14 363
原创 CSS快速学习3:文本、背景等属性
文本类属性: 7.水平对齐方式 text-align对块元素进行标记。 {text-align:left/right/center/justify;} justify对内容以两端边界线对齐显示 8.垂直对齐方式 {vertical-align:top/bottom/middle;} 9.行高{line-height:normal/数值;} 说明: 1)当单行文本的行高等于容器高时,可实
2016-08-18 17:06:30 388
原创 CSS快速学习2:选择符权重和字体类属性
选择符的权重: CSS中用四位数字表示权重。 类型选择符的权重为0001 class选择符的权重为0010 id选择符的权重为0100 子选择符的权重为0000 属性选择符的权重为0010 伪类选择符的权重为0010 伪元素选择符的权重为0010 包含选择符的权重:包含的选择符权重值之和 第一等:代表内联样式,如: style=””,权值为1000。 第二等:代表ID选择器,
2016-08-18 17:02:59 1536
javascript实现较全功能注册表单
2016-10-08
javascript实现商品购物车功能
2016-09-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人