随笔分类 -  web前端技术

上一页 1 2 3 4 5 6 7 下一页
html清除浮动的6种方法示例
摘要：使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left/right使用浮动时出现的情... 阅读全文
posted @ 2014-10-31 18:30 甜甜酱 阅读(346) 评论(0) 推荐(0)
CSS 的优先级机制[总结]
摘要：样式的优先级多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。 一般情况下，优先级如下：（外部样式）External style sheet 测试！选择器的优先权解释：1. 内联样式表的权值最高 1000；2. ID 选择... 阅读全文
posted @ 2014-10-27 17:13 甜甜酱 阅读(181) 评论(0) 推荐(0)
内联元素
摘要：1.任何元素加上float属性就可以自动变成块级元素2.内联元素一样可以对它设置padding与margin.只不过它们都不会影响内联元素的line-height. padding对内联元素在x和y方向上都有效.但margin对内联元素只有x轴方向上才有效,y方向上是无效的.3.对内联元素设置宽高不... 阅读全文
posted @ 2014-05-07 09:44 甜甜酱 阅读(384) 评论(0) 推荐(0)
HTML书写规范
摘要：HTML书写规范1、文档声明(1)XHTML1.0 过渡型 (2)HTML5 2、页面编码(1)XHTML1.0 过渡型 (2)HTML5 3、关键字与描述查看规范模板：XHTML页面模板、HTML5页面模板4、页面中不要使用&nbsp进行缩进，如需缩进，使用CSS控制5、HTML页面中不要使用行内... 阅读全文
posted @ 2014-05-07 09:35 甜甜酱 阅读(620) 评论(0) 推荐(1)
CSS的选择器
摘要：整理一下css选择器：css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器，匹配任何元素* { margin:0; padding:0; }E标签选择器，匹配所有使用E标签的元... 阅读全文
posted @ 2014-04-24 15:07 甜甜酱 阅读(162) 评论(0) 推荐(0)
什么是css块级元素和内联元素
摘要：CSS文档流与块级元素（block）、内联元素（inline），文档流这个概念理解了它，一堆CSS布局的理论都 变得易于理解，并且体会到CSS这套设计的合理性所在。文档流将窗体自上而下分成一行行， 并在每行中按从左至右的顺序排放元素，即为文档流。每个非浮动块级元素都独占一行， 浮动元素则按规定浮在行... 阅读全文
posted @ 2014-04-24 14:15 甜甜酱 阅读(400) 评论(0) 推荐(0)
Wamp修改端口
摘要：WAMP装好之后默认的端口是80，但是这个80端口呢，可以热门端口啊，迅雷，IIS都挺喜欢，在WIN7下本来还有1个进程也点80，让人伤脑筋啊，所以把它改掉，方法如下：一、修改APACHE的监听端口， 1、在界面中选apache，弹出隐藏菜单选项，打开配置文件httpd.conf; 2、找到... 阅读全文
posted @ 2014-04-23 10:03 甜甜酱 阅读(462) 评论(0) 推荐(0)
如何在局域网中发布网站
摘要：方法一：网站生成后,在IIS中→网站→默认网站(右击)→属性(主目录)→本地路径(改成你生成的文件夹地址),这就可以在另一台电脑上通过IP访问你的网站了,记得在IIS中→网站→默认网站(右击)→属性(文档)中默认文档设成你的首页文件名.方法二：装一个小旋风服务器，把你的网站代码放到安装目录下，局域网... 阅读全文
posted @ 2014-04-23 09:52 甜甜酱 阅读(2346) 评论(0) 推荐(0)
css样式高级技巧-选择器
摘要：用元素为网页在编写样式表时，我们经常要用div元素来包装内容：Here are two paragraphs of contentIn a div container.就其本身而言，div什么也不做。但有了它，就可以基于类来应用一些样式。下面是一些可能的做法。继承的值 有些css属性是可以继承的，也... 阅读全文
posted @ 2014-04-23 09:43 甜甜酱 阅读(407) 评论(0) 推荐(0)
css常用样式
摘要：字体属性：(font)大小 font-size: x-large;(特大) xx-small;(极小)一般中文用不到，只要用数值就可以，单位：PX、PD样式 font-style: oblique;(偏斜体) italic;(斜体)normal;(正常)行高 line-height: normal;(正常) 单位：PX、PD、EM粗细 font-weight: bold;(粗体) lighter;(细体)normal;(正常)变体 font-variant: small-caps;(小型大写字母)normal;(正常)大小写 text-transform: capitalize;(首字母大写) 阅读全文
posted @ 2014-04-11 16:03 甜甜酱 阅读(195) 评论(0) 推荐(0)
css玩转文字
摘要：[html]view plaincopy文字被反转过来了执行后的效果为：文字被反转过来了webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);或者-webkit-transform: rotate(270deg);/*Safari 4+,Google Chrome 1+ */-moz-transform: rotate(270deg);/*Firefox 阅读全文
posted @ 2014-03-04 16:45 甜甜酱 阅读(170) 评论(0) 推荐(0)
jQuery选择器
摘要：一、基本选择器1. id选择器（指定id元素）将id="one"的元素背景色设置为黑色。（id选择器返单个元素）$(document).ready(function () { $('#one').css('background', '#000'); });2. class选择器（遍历css类元素）将class="cube"的元素背景色设为黑色$(document).ready(function () { $('.cube').css('background', '#0 阅读全文
posted @ 2014-03-04 16:42 甜甜酱 阅读(210) 评论(0) 推荐(0)
高手总结CSS书写技巧
摘要：这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等书写顺序，一般是将识别能力 阅读全文
posted @ 2014-03-04 14:36 甜甜酱 阅读(889) 评论(1) 推荐(0)
如何在html中添加视频
摘要：最简单的方法是：在Dreamweaver里面，选择插入媒体FLY，找到要添加的本地视频即可。 阅读全文
posted @ 2013-12-27 17:12 甜甜酱 阅读(1136) 评论(0) 推荐(0)
css中的zoom的作用
摘要：1、检查页面的标签是否闭合不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。快捷提示：可以用 Dreamweaver 打开文件检查，一般没有闭合的标签，会黄色背景高亮。 2、样式排除法有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 CSS 文件，缩小锁定的范围。 对于刚才锁定的问题 CSS 样式文件，逐行删除具体的样式定义，定位到具体的触发样式定义，甚至是具体的触发样式属性。 3、模块确认法有时候我们也可以从页面的 HTML 元素出发。删... 阅读全文
posted @ 2013-12-23 14:30 甜甜酱 阅读(180) 评论(0) 推荐(0)
如何用javascript高效的判断浏览器种类和版本
摘要：其中，采用了“... ? ... : ...”这样的判断表达式来精简代码。判断条件是一条赋值语句，既完成正则表达式的匹配及结果复制，又直接作为条件判断。而随后的版本信息只需从前面的匹配结果中提取即可，这是非常高效的代码。以上的代码都是为了打造前端框架所做的预研，并在五大浏览器上测试通过。今后，判断某种浏览器只需用if(Sys.ie)或if(Sys.firefox)等形式，而判断浏览器版本只需用if(Sys.ie == '8.0')或if(Sys.firefox == '3.0')等形式，表达起来还是非常优雅的。 阅读全文
posted @ 2013-12-17 17:34 甜甜酱 阅读(256) 评论(2) 推荐(0)
CSS3教程:Responsive框架常见的Media Queries片段
摘要：CSS3 Media Queries片段在这里主要分成三类：移动端、PC端以及一些常见的响应式框架的Media Queries片段。移动端Media Queries片段iPhone5@media screen and (device-aspect-ratio: 40/71) {} 或者： @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){}iPhone 5 In Portrait & Landscape@media only scr 阅读全文
posted @ 2013-12-17 17:24 甜甜酱 阅读(453) 评论(0) 推荐(0)
css过滤镜实现颜色渐变
摘要：语法：filter : progid:DXImageTransform.Microsoft.Gradient ( enabled=bEnabled , startColorStr=iWidth , endColorStr=iWidth )属性：enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。false : 滤镜被禁止。startColorStr : 可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正... 阅读全文
posted @ 2013-12-17 17:20 甜甜酱 阅读(1346) 评论(0) 推荐(0)
CSS3 Media Queries模板:max-width和min-width
摘要：CSS3 Media Queries模板CSS3 Media Queries一般都是使用“max-width”和“min-width”两个属性来检查各种设备的分辨大小与样式表所设条件是否满足，如果满足就调用相应的样式。打个比方来说，如果你的Web页面在960px的显屏下显示，那么首先会通过CSS3 Media Queries进行查询，看看有没有设置这个条件样式，如果找到相应的，就会采用对应下的样式，其他的设备是一样的道理。下面具体看看“max-width”和“min-width”模板：使用max-width @media screen and (max-width: 600px) { ... 阅读全文
posted @ 2013-12-17 17:16 甜甜酱 阅读(1233) 评论(0) 推荐(0)
什么是响应式网页设计？
摘要：响应式网页设计是Ethan Marcotte在去年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是为移动互联网而生的！怎么做？其实响应式网页的实现很简单，都是大家熟悉的技术。media query(媒体查询)因为现在主流的智能终端都是基于iOS和Android的，而它们自带的浏览器都是基于webkit内核，所以我们可以完全使用viewport属性和media query技术实现网站的响应性：后面的initial-scale表示初始缩放，maximum-scale表示最大缩放比例，1意味着不能进行缩放。12345678910111 阅读全文
posted @ 2013-12-17 17:09 甜甜酱 阅读(441) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 下一页