作家
登录
  • 用CSS3将你的设计带入下个高度

    尽管CSS3的诸多新特性还不被很多浏览器支持,或者说支持的不好。但作为一个前端开发人员,你总不能等到所有浏览器都完美支持它的时候再去学习。 CSS3到底给我们带来了哪些新特性呢?简单的说,C...

    作者:asdasdasd11-19
  • CSS border 属性使用说明

    border -- 定义四个边的宽度,样式,颜色 取值:[ <border-width> || <border-style> || <border-color> ] | inherit [ <border-width> || <border-style> || <border-color> ]: 边框宽度,样式,颜色...

    作者:asdasdasd11-19
  • css 滚动条换色调整代码

    PSD转html,设计稿上,有一处内嵌的介绍信息,当文字过长时,要求使用一个经过处理的滚动条来展示。
    如果要求兼容firefox,可以使用JQ来进行制作。
    如果仅要求IE浏览器,可以通过调整CSS的方式,...

    作者:asdasdasd11-19
  • CSS Sprite优化 减少HTTP链接数

    页面上的数据,通过 TCP/IP 包传输。在 1M ADSL 环境下,网速最大值为 128 Kb/s, MTU(MaximumTransmission Unit) 的大小默认为 1500 bytes. 去掉 TCP/IP 的头部信息 40 bytes, 一个 package 可以...

    作者:asdasdasd11-19
  • 换个角度看页面重构中的语义化

    在&ldquo;表格布局&rdquo;1 的时代,大家所使用的布局方式都是表格,没有其它的方式可以选择, Dreamweaver的可视化操作大大的简化了页面制作的过程,而且当时虽然网络情况比现在差得多,但并没...

    作者:asdasdasd11-19
  • 不必需的样式脚本文件导致页面不能及时更新

    在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决...

    作者:asdasdasd11-19
  • CSS border-style 属性使用方法

    border-style -- 定义边框的样式 取值:<border-style>{1,4} | inherit <border-style>{1,4}: 边框样式 inherit: 继承 初始值: none 继承性: 否 适用于: 所有元素 border:边框,style:样式 border...

    作者:asdasdasd11-19
  • CSS 表单元素不继承body的字体属性

    很多人喜欢在body中加样式来控制全局字体的样式,像字体、大小、颜色等。这些写可以减少代码,其实并不然,像表单里面元素就无法继承body的字体属性,先看下效果截图:下面是BODY样式写法:
    <sty...

    作者:asdasdasd11-19
  • 网页制作中应用的50个CSS技巧(国外)

    另外,的CSS允许设计师实现了一些不同的风格,用只可与图像。 其中最好的部分是它的CSS这么简单当你已经知道的基本知识。凡表用来制造复杂的,有时是不可能的破译代码的CSS保持干净和简单的事情...

    作者:asdasdasd11-19
  • DIY属于个人开发使用的CSS Reset

    今天上网看了一些文章的介绍,也来整理一份reset,方便以后开发使用. 参考Eric Meyer,YUI,&shawphy复制代码代码如下:body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code, f...

    作者:asdasdasd11-19
  • 11个用CSS样式表制作网页按钮的教材

    按钮是网站中非常重要的一部分, 它们常用于引发访客点击和产生互动。下面收集了11个css按钮教程,教你如何创建吸引访客目光的按钮。
    我最想推荐的其实是第一个, Google custom buttons.

    在Rec...

    作者:asdasdasd11-19
  • CSS border-color 属性使用方法

    border-color -- 定义四个边框的颜色 取值:[ <color> | transparent ]{1,4} | inherit <color>{1,4}: 颜色表示法 transparent{1,4}: 透明 inherit: 继承 初始值: 同color属性的默认值 继承性: 否...

    作者:asdasdasd11-19
  • 网页制作学习教程 CSS Position

    1. position:static
    所有元素的默认定位都是:position:static,这意味着元素没有被定位,而且在文档中出现在它应该在的位置。
    一般来说,不用指定 position:static,除非想要覆盖之前设置的定位...

    作者:asdasdasd11-19
  • CSS 英文教程 CSS语法

    Syntax
    The CSS syntax is made up of three parts: a selector, a property and a value:



    selector {property:value}
    The selector is normally the HTML element/tag you wish to define, ...

    作者:asdasdasd11-19
  • vertical-align 表单元素垂直对齐的解决方法

    如下图所示:

    于是上网查看了一些网站,发现这个问题是普遍存在的,如下图(FF3.5):

    在很多网站涉及到表单的页面中,都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题...

    作者:asdasdasd11-19
  • CSS border-width 属性使用教程

    border-width -- 定义四个边框的宽度 取值:<border-width>{1,4} | inherit <border-width>{1,4}: 边框宽度(可以有一个,两个,三个或四个值) inherit:继承 初始值: medium 继承性: 否 适用于: 所有...

    作者:asdasdasd11-19
  • IE对CSS样式的数量和大小是有限制的

    文档中只有前31个link或style标记关联的CSS能够应用。   从第32个开始,其标记关联的CSS都将失效。IE的官方文档All style tags after the first 30 style tags on an HTML page are not appli...

    作者:asdasdasd11-19
  • 网页设计学习教程 CSS盒模型

    网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:

    如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 - 糖伴西红柿),就会很熟悉下面的图表了。这个...

    作者:asdasdasd11-19
  • CSS 网页文字渐变效果

    你想制作漂亮的标题而不用将每个标题都做成图片吗?这里是一个简单的CSS技巧,它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一...

    作者:asdasdasd11-19
  • 不用Cookie的仿刷新二级高亮菜单

    这也是我经常采用的方式,一般的网页至少都有两级菜单,第一个是顶部的总导航条菜单,另一个是左侧的分类导航菜单。一般要求在一级菜单高亮下二级菜单也能记录当前状态。 对于一个包含顶部菜单的...

    作者:asdasdasd11-19
  • CSS 柱状图实现代码其实很简单

    <!doctype html>
    <head>
    <style>
    ul.chart{padding:0;margin:0;list-style:none;border:1px #ccc solid;height:255px;font-size:9pt;background:#ddf3ff}
    ul.chart p{padding:0;margin:0}
    ul.ch...

    作者:asdasdasd11-19
  • CSS padding属性定义边内补白

    边框的里面可以有一层边内补白(padding),边内补白定义了边框与边框里面内容的距离. 边内补白分为上边内补白(top),下边内补白(bottom),左边内补白(left),右边内补白(right). 边内补白只有width一...

    作者:asdasdasd11-19
  • css 背景样式属性说明

    css背景样式
    序号 中文说明 标记语法 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(http://www.jb51.net/URL)|none} 3 背景重复 {background-repeat:inh...

    作者:asdasdasd11-19
  • img 标签下多余空白的解决方法

    1、将图片转换为块级对象 即,设置img为&ldquo;display:block;&rdquo;。在本例中添加一组CSS代码:&ldquo;#sub img {display:block;}&rdquo;。 2、设置图片的垂直对齐方式 即设置图片的vertical...

    作者:asdasdasd11-19
  • CSS3 优势以及网页设计师如何使用CSS3技术

    前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性...

    作者:asdasdasd11-19