前端技术
前端技术
雁南天Mr
这个作者很懒,什么都没留下…
展开
-
CSS盒子模式<css定位>2
3.实例强化对定位属性的理解(1)无定位设置,对象遵循HTML定位规则。一般是子级不会跑出父级外边去(子级没有使用负边界情况),子级一般是靠在父级左上角的,父级放在最下层。(4)相对定位对象会占据它原来位置,在下面实例中,没有设定相对定位前,绿色小盒子是在蓝色盒子左上角的,之前也设定了绿色小盒子的浮动方式为左浮动,可以看到文本环绕在它右边,但是后来用相对定位方法把绿色小盒子重定位到外面去了原创 2013-10-30 14:02:42 · 701 阅读 · 0 评论 -
DEDE列表页调用文章内容的方法
{dede:sqlsql="SELECT * FROM `#@__addonarticle` where typeid = 44 ORDER BY`aid` DESC LIMIT 0 , 1"}[field:body/]{/dede:sql}原创 2013-10-30 14:03:49 · 736 阅读 · 0 评论 -
如何不让搜索引擎抓取你的网站信息…
很多玩黑的朋友都知道Google有很强的搜索能力吧,通过GoogleHacking技术能找到你网站上相关敏感的文件与文件内容吧但很多人又不知道怎么防范,这里我教大家一个防范搜索引擎搜索你网站内容的方法。首先是在你的网站跟目录下建立个robots.txt文件。什么是robots呢,就是:搜索引擎使用spider程序自动访问互联网上的网页并获取网页信息。spider在访问一个网站时,会首先会检原创 2013-10-30 14:05:10 · 2740 阅读 · 0 评论 -
DIV+CSS浏览器兼容性解决方法
1.DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6IE7FF对CSS样式的兼容,不然,你的网页可能乱的一塌糊涂! 我经常被这些东西整的焦头烂额,于是呼在网上找了些资料,加上自己的理解和这些日子的经验,整理了一些资料,其中有一些我还原创 2013-10-30 14:02:38 · 875 阅读 · 0 评论 -
使用CSS为图片添加更多趣味的5种方…
今天我们将向大家分享一些为你平淡乏味的图片添加更多趣味情调的简单技巧。使用Photoshop为每个图片添加某种样式虽然可行,但会是相当乏味且困难的长久工作。下面要介绍的CSS技巧将帮助你从痛苦中解脱出来!如果你也有自己独到的CSS技巧,希望能一同分享。阴影效果通过使用带有一些padding之的背景图来添加阴影效果。效果预览HTML<img class=”shadow” src=”sa原创 2013-10-30 14:02:49 · 623 阅读 · 0 评论 -
css初始化
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td { padding:0;margin: 0;}原创 2013-10-30 14:05:05 · 434 阅读 · 0 评论 -
网站制止被搜寻引擎蜘蛛索引的robo…
网站禁止被搜索引擎蜘蛛索引的robots写法大全 有些时候我们会遇到这样的困难:我们原本不想被搜索引擎收录的网站后台地址却被搜索引擎“无情”的收录,这样只要在Google里输入一个“后台、管理site:www.guangzhoujob.com”,自己的后台地址就会显露无疑,因此网站安全性也无从谈起。遇到这样的情况时,我们如何阻止搜索引擎收录我们不想被收录的文件呢? 一般在这个时候,我们原创 2013-10-30 14:05:12 · 1984 阅读 · 0 评论 -
div没有设置高度,背景颜色却无法…
在设计网页时,设置了div为自动高度或不给height值,当div设置背景时在IE6可以显示背景颜色,但是IE7,8却不显示。解决办法如下:1、把height:auto;改成height:100%; overflow:hidden; 原理:IE6可以再不给高度的情况下自动识别div高度而IE7,8需要指定高度如果上述方法不行还有一种办法2、在div的下面在加一个清除divd原创 2013-10-30 14:05:31 · 1697 阅读 · 0 评论 -
CSS盒子模式<css定位>1
1.定位的专业解释(1)语法position : static | absolute | fixed | relative(2)说明从上面语法可以看出,定位的方法有很多种,它们分别是静态(static),绝对定位(absolute),固定(fixed),相对定位(relative)。在这个教程里,我不逐一讲,只讲最常用也是最实用的两个定位方法:绝对定位(absolute)、相对定位(r原创 2013-10-30 14:02:40 · 536 阅读 · 0 评论 -
多个DIV排列时居中
<?xml version="1.0"encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/19原创 2013-10-30 14:02:59 · 549 阅读 · 0 评论 -
dede标签大全
{dede:global.cfg_webname/} 站点名称{dede:global.cfg_basehost/} 站点url(后台设置){dede:global.cfg_cmsurl/} 站点实际url(奇奇推荐){dede:global.cfg_memberurl/} 会员中心地址{dede:global.cfg_dataurl/} 站点data目录地址{dede:global.c原创 2013-10-30 14:03:52 · 775 阅读 · 0 评论 -
css把div框固定在屏幕的下面,兼容…
方法一:<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content原创 2013-10-30 14:04:49 · 1969 阅读 · 0 评论 -
Photoshop制作转动的立方体魔方动…
本例为Photoshop CS5实例运用教程,介绍运用PSCS5的3D功能制作6面贴图的正立方体效果,CS5的3D功能较前有了更大的提高,支持3D文字的创建,效果非常好,再不用在矢量软件和PS中换来换去了。这里仅对创建正立方体(也可弄成长方体)和各面的材质粘贴,光照设置调整等作一下介绍,目的是让初学的朋友们对如何创建3D图形和使用3D工具有所了解,希望对大家有所帮助。动起来的效果:(转载原创 2013-10-30 14:05:18 · 1531 阅读 · 0 评论 -
SWFObject参数,SWFObject使用方法
swfobject.embedSWF(swfUrl,id, width, height, version, expressInstallSwfurl, flashvars,params, attributes)有5个必须的参数和4个可选的参数:swfUrl(String,必须的)指定SWF的URL。id(String,必须的)指定将会被Flash内容替换的HTML元素(包含你的替换内容)原创 2013-10-30 14:06:17 · 5085 阅读 · 1 评论 -
避免表格table被撑开变形的CSS代码…
如何避免表格因为图片尺寸或者过长的英文字符而变形撑开,在CSS加入以下代码就可以防止,同时英文单词也会按单词断行,不是按字母这个。我想说的是这个在CSS2.0是不支持的,但是能解决一些实际问题。页面设计不是为了标准检验而设计,还是以用户使用为主,在目前有些WEB标准无法解决的一些问题上,我会采用一些非标准的方法处理,只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正原创 2013-10-30 14:02:47 · 972 阅读 · 0 评论 -
解决IE浏览器li下list-style-type…
今天做了一个小页面,用到了li标签,发现在IE浏览器下li前面默认的实心圆点不显示,也就是说list-style-type:disc无效,但是在firefox下确实正常的。原因可能是因为某些浮动设置造成了li不正常显示,解决的方法也很简单,就是使用增加一个属性:list-style-position: inside这样就li的list-style-type属性就生效了。原创 2013-10-30 14:03:34 · 1002 阅读 · 0 评论 -
DIV的高度自动拉伸(height属性)…
#mainbody{..min-height:400px;*min-height:400px;height:auto;*height:400px;}以上CSS在IE6.0,FireFox下可以实现Div高度根据内容自动拉伸,IE6下当Div高度大于400px时,Div会自动拉伸。但在IE7下却无法实,其原因就是*height:400px;在IE7下不在自动拉伸,而是变为固定高度原创 2013-10-30 14:03:38 · 12153 阅读 · 0 评论 -
滚动文字Marquee属性及参数设置
滚动字幕Marquee代码大全基本语法-------------------------------------------滚动文字文字移动属性的设置方向 #=left, right,up,down<marqueedirection=left>从右向左移!方式 #=scroll, slide,alternate <marqueebehavior=scroll>一原创 2013-10-30 14:04:04 · 7144 阅读 · 0 评论 -
网页转场渐变效果大全
在网页代码的和中间加如下代码page-enter:进入页面出现渐变page-exit:退出页面出现渐变site-enter:进入网站首页出现渐变blendTrans:渐变模糊滤镜Duration=0.8渐变时间(单位:秒)另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: Dura原创 2013-10-30 14:05:08 · 1097 阅读 · 0 评论 -
HTML网页标记 标签大全
HTML标签解释大全一、HTML标记标签:!DOCTYPE说明:指定了 HTML 文档遵循的文档类型定义(DTD)。标签:a说明:标明超链接的起始或目的位置。标签:acronym说明:标明缩写词。标签:address说明:特定信息,如地址、签名、作者、此文档的原创者。标签:applet说明:在页面上放置可执行内容。标签:area说明:定义一个客户端图像映射中一个原创 2013-10-30 14:06:06 · 5117 阅读 · 0 评论