网页前端(html、css+div布局)
DauntLess_FYQ
做好自己!比什么都强!
展开
-
初学html和css的可以查看,该文档为自己自学是所做
htmldiv标签的局限?div,division 块区域的意思、在html里,div是负责划分大块区域的 div是没有“语义性”的div和h1标签放在一块比较,最为典型hello worldhello world两者的显示效果不一样,h1里面的文字大 原因就在于:div仅用来划分区域,至于里面的内容,是标签,还是段落,分析不出来。而且对于文字原创 2014-05-27 15:34:07 · 1763 阅读 · 0 评论 -
html 头文件 meta的使用
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是descripti转载 2016-07-04 14:19:30 · 1713 阅读 · 0 评论 -
移动端版本兼容-width自适应
移动端版本兼容-width自适应原创 2016-05-04 16:06:34 · 718 阅读 · 0 评论 -
前端CSS3选择器
前端CSS3选择器本文中将综合前端开发中常用的30个CSS3选择器,并且附带了浏览器的支持情况,希望对大家有所帮助。1、*:通用元素选择器* { margin: 0; padding: 0; }*选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除默认CSS样式方法*选择器转载 2016-04-29 16:02:17 · 641 阅读 · 0 评论 -
前端开发静态文件自动添加版本号解决方案
前端开发中不可避免的会遇到缓存问题,那么如何使给这些静态自动给添加版本号使修改后的内容立即生效呢?下面讲下我找到的两种方法:一、通过获取文件最后修改时间原理:通过服务器端语言读取文件最后一次修改修改时间,然后将获取的时间作为版本号。以php为例:使用:" type="text/css" />如果文件存在,就会生成类似于下面代码:另外,可以转载 2016-03-10 17:00:21 · 7183 阅读 · 0 评论 -
Javascript 加载性能优化
阻塞特性浏览器对javascript的处理主要有2部分:下载和执行下载在有些浏览器中是并行的,有些浏览器中是串行的,如IE8、Firefox3、Chrome2都是串行下载的执行在所有浏览器中默认都是阻塞的,当js在执行时不会进行html解析等其它操作阻塞特性:javascript有个阻塞特性,当浏览器执行javascript代码时,不能同时做其它任何事情。无论当前j转载 2016-03-10 16:57:30 · 309 阅读 · 0 评论 -
彻底弄懂css中单位px和em,rem的区别
彻底弄懂css中单位px和em,rem的区别 国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的转载 2015-09-07 11:45:50 · 577 阅读 · 0 评论 -
media="screen"啥意思?
media="screen"啥意思? (2012-07-26 11:00:29)转载▼media=screen 是什么意思有时我们在分析别人的网站源代码的时候,发现在头标签的样式表里面多了个 “media=screen ”或者 “media="print”,原来这些都是相对于媒介来进行设置的,就像Potoshop一样,每一种模式也对应一种媒介。 比如原创 2014-11-05 22:21:56 · 632 阅读 · 0 评论 -
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解
scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度o转载 2014-10-30 12:10:04 · 349 阅读 · 0 评论 -
CSS clip 属性
CSS clip 属性分类: CSS2014-07-28 22:06 66人阅读 评论(0) 收藏 举报 最近项目处在修改bug阶段,项目中也基本用不到学习新东西了,剩下的就是学习项目中的内容了。最近在原来的项目中看到一个css属性,页面在IE 7下显示正常,在IE10的时候页面图片显示出现问题。debug发下问题出现clip上。clipn. (塑料或金转载 2014-10-30 15:52:50 · 390 阅读 · 0 评论 -
include在HTML中的用法
include在HTML中的用发原创 2014-08-01 09:58:21 · 19582 阅读 · 2 评论 -
中文字体的英文别名
下面整理了常用的中文字体的英文别名,便于大家查找和使用:Windows中文名英文名宋体*SimSun黑体*SimHei微软雅黑*Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun转载 2014-07-28 15:30:18 · 1126 阅读 · 0 评论 -
用css控制背景图片的位置,大小
用css控制背景图片的位置,大小 对于图片,首先我们先想到是背景图片。因为我们许许多的装饰都是用背景图片来实现的。既然这样,那么就从CSS控制背景图片讲起吧。1.CSS控制背景图片: 对于一个网页,我们开始设计的时候,可能没有过多的去想背景图到底是什么,因为大多都是设计背景色就可以了,原因吗,我想也很简单,因为它与前景音乐一样,对于网页的转载 2014-05-28 11:14:19 · 11882 阅读 · 0 评论 -
各网站特有标记
各网站特有标记-moz-moz这个属性主要是专门支持Mozilla Firefox火狐浏览器的CSS属性。 moz就是Mozilla的缩写了。所以你看到的CSS以-moz开头的,是Mozilla浏览器支持一些扩展的一些功能,包括圆形边界,并能够指定不同的方块的宽度和高度的计算,在非标准方式下,这种css在Mozilla浏览器下执行计算更容易得到支持。 Zoomcss中的zo原创 2014-05-28 11:12:59 · 583 阅读 · 0 评论 -
收集
1. web前端开发分享-css,js入门篇2. web前端开发分享-css,js进阶篇3. web前端开发分享-css,js提高篇4. web前端开发分享-css,js工具篇5. web前端开发分享-css,js深化篇6. web前端开发分享-css,js移动篇转载 2016-07-04 15:38:25 · 381 阅读 · 0 评论