首页 HTML/CSS 相关笔记

  • ul,ol,li,dl,dt,dd标签用法 ul: unordered lists

    ol: ordered lists li: Lists ol 有序列表。 <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 　　表现为： 1…… 2…… 3…… 　　ul 无序列表，表现为li前面是大圆点而不是123 <ul> <l…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • iframe并且控制不出现横向的滚动条的方法

    为此我们如果是想控制在横向上不出现滚动条的话，可以采取以下解决方案: 在.aspx页面中的<html></html>中的html标签中添加上下面这句话就可以了 style="overflow:auto;overflow-x:hidden" 添加之后为: <html style="overflow:auto;overflow-x:hidden">&l…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • JS控制DIV随分辩率既浏览器高度变化而变化,可设百分比

    <html>   <head>     <title>Test by Josh</title>     <style type="text/css">       * { padding:0; margin:0; }      …

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 为示哀悼,网站全部变成黑白色网站的CSS方法

    为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。 如果网站没有使用CSS，可以在网页/模板的HT…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • CSS制作列表三角形图标

    以前做三角形图标,都是做一个三角的图片,然后在css里面调用,后来发现有另一种特殊的做法.用em标签方法来实现（其他标签也一样可以实现）.em在html里面是一个强调语气,和strong标签类似,传统上浏览器会以斜体来显示em，以粗体来显示strong。 现在要以特殊的em手法来实现三角形图标的做法,以下图为例: 代码如下: <!DOCTYPE html PUBLIC "-//W3C/…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 解决IE6、IE7、IE8、Firefox兼容的两种方案

    浏览器不兼容，你知道源头吗？ 凡事都要知其然，才能知其所以然，前端开发的朋友想毕都会碰到浏览器兼容的问题，今天在网上觅到此文，希望对大家有用。 浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编码要素，望能指点各位： 1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 网页背景根随浏览器滚动,时实可见背景效果

    <body style="background:#233894 url(../../images/bgimg.jpg) no-repeat center bottom; background-attachment: fixed;"> background-attachment: fixed设置此属性既可实现背景不随滚动条滚动

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • CSS list-style-type 属性,li前面项目编号属性说明

    定义和用法 list-style-type 属性设置列表项标记的类型。 默认值： disc 继承性： yes 版本： CSS1 JavaScript 语法： object.style.listStyleType="square" 实例 设置不同的列表样式： ul.circle {list-style-type:circle;} ul.square {list-style-type:squa…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 鼠标经过UL上的li时更换背景色

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title&gt…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • CSS给网页上的评论文本框加上提醒功能背景图片

    在不少的网站中，大家都发现它的评论框中有一个带提醒功能的图片，这是怎么弄的呢？其实用CSS就可以轻松实现，只用给TextArea增加background属性，然后引入一张背景图，设置no-repeat right bottom，意思是不重复，靠右下对齐，是不是挺简单的？   <title>文本框加上提醒背景</title><textar…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • span的innerText属性ff火狐浏览器兼容性问题解决方案

    IE中的获取文本方法innerText在firefox中不支持 firefox改成了textContent方法/属性 并且在Firefox中文本中间的空白自符被无情的替换没了 使用起来异常不方便 现在好了，用Javascript重新定义了innerText方法 使得在Firefox中也可以使用innerText方法 并且此方法解决了firefox中空白字符的问题 使用方法： 将下面的脚本放在页面内…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 网站浏览器地址栏显示自己网站logo图标ico图标

    图片转换成ico图标可以进: http://free.logomaker.cn/tools/icoMaker.aspx 在线生成   网站图标使用方法：生成后网站ICO后(16*16像素的那个)，保存为favicon.ico,然后上传到网站根目录。IE8在访问贵站的时候即可自动识别。为保存IE6正常显示，请在你的网页源代码<head></head>块内加入此代码：…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 最简单的全日制js时间显示效果,显示时,分,秒,日期,星期

    效果:   2010年11月26日 14:20:23 星期五   <html><head><title>网页特效|Linkweb.cn/Js|---最简单的全日制时间显示，代码非常简单</title><meta http-equiv="Content-Type" content="text/html; c…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 非常不错的一款连接提示信息显示效果

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效|Linkweb.cn/Js|---非常不错的一款连接提示信息显示效果</title></head><body><!--将以下代…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • HTML头像图片不存在时显示默认头像图片img

    <img src="images/1.gif onerror="this.src='2.gif'">

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • xheditor简单配置使用说明[官方文档]

    简单使用说明：1. 下载xhEditor最新版本。下载地址：http://code.google.com/p/xheditor/downloads/list2. 解压压缩文件，将其中的xheditor.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录 3. 在相应html文件的head标签结束之前添加 <scr…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • xheditor 图片上传及批量上传功能

    前台引用: <link href="CSS/Main.css" rel="Stylesheet" type="text/css" /><script type="text/javascript" src="../../xheditor/jquery/jquery-1.4.2.min.j…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 根据input类型分别来控制css统一

      当你看到<input>这个html标签的时候，你会想到什么？一个文本框？一个按钮？一个单选框？一个复选框？……对，对，对，它们都对。也许你可能想不到，这个小小的input竟然可以创造出10个不同的东西，下面是个列表，看看，哪些是你没有想到的： <input type="text" /> 文本框 <input type=&quo…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • 如何判断网页有没有被嵌套在iframe中,是不是单独访问

     <script>     if(self!=top){top.location=err.htm;}   //如果没有嵌套在里面,则跳转到错误页面  </script>  

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多

  • HTML div显示滚动条和控制滚动条属性的css代码

      div显示滚动条的css代码 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> 效果如下： 显示滚动条的代码  div显示上下滚动条的css代码 <div style=&quo…

    胡同里的砖头2013/12/19【HTML/CSS】
    阅读更多
站点声明：
1、本站【胡同里的砖头】个人博客，借鉴网上一些博客模板，取其各优点模块自行拼装开发，本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用，可转载，可复制，纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号：苏ICP备2021056683号-8