-
不必需的样式脚本文件导致页面不能及时更新
在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决...
作者: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样式写法:
作者:asdasdasd11-19
<sty... -
网页制作中应用的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按钮教程,教你如何创建吸引访客目光的按钮。
作者:asdasdasd11-19
我最想推荐的其实是第一个, Google custom buttons.
在Rec... -
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
作者:asdasdasd11-19
所有元素的默认定位都是:position:static,这意味着元素没有被定位,而且在文档中出现在它应该在的位置。
一般来说,不用指定 position:static,除非想要覆盖之前设置的定位... -
CSS 英文教程 CSS语法
Syntax
作者:asdasdasd11-19
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, ... -
vertical-align 表单元素垂直对齐的解决方法
如下图所示:
作者:asdasdasd11-19
于是上网查看了一些网站,发现这个问题是普遍存在的,如下图(FF3.5):
在很多网站涉及到表单的页面中,都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题... -
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盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
作者:asdasdasd11-19
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 - 糖伴西红柿),就会很熟悉下面的图表了。这个... -
CSS 网页文字渐变效果
你想制作漂亮的标题而不用将每个标题都做成图片吗?这里是一个简单的CSS技巧,它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一...
作者:asdasdasd11-19 -
不用Cookie的仿刷新二级高亮菜单
这也是我经常采用的方式,一般的网页至少都有两级菜单,第一个是顶部的总导航条菜单,另一个是左侧的分类导航菜单。一般要求在一级菜单高亮下二级菜单也能记录当前状态。 对于一个包含顶部菜单的...
作者:asdasdasd11-19 -
CSS 柱状图实现代码其实很简单
<!doctype html>
作者:asdasdasd11-19
<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... -
CSS padding属性定义边内补白
边框的里面可以有一层边内补白(padding),边内补白定义了边框与边框里面内容的距离. 边内补白分为上边内补白(top),下边内补白(bottom),左边内补白(left),右边内补白(right). 边内补白只有width一...
作者:asdasdasd11-19 -
css 背景样式属性说明
css背景样式
作者:asdasdasd11-19
序号 中文说明 标记语法 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(http://www.jb51.net/URL)|none} 3 背景重复 {background-repeat:inh... -
img 标签下多余空白的解决方法
1、将图片转换为块级对象 即,设置img为“display:block;”。在本例中添加一组CSS代码:“#sub img {display:block;}”。 2、设置图片的垂直对齐方式 即设置图片的vertical...
作者:asdasdasd11-19 -
CSS3 优势以及网页设计师如何使用CSS3技术
前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性...
作者:asdasdasd11-19 -
CSS 约定写法 利用扩展
以前在程序中,有美工设计好了静态页面,而我们程序员将其整理成动态页面(例如jsp页面),一般程序员是不会管像图片、样式这样的东西,直接拿来就用了。这时可能出现下面几个问题: 1 修改过几...
作者:asdasdasd11-19 -
span margin 设置生效
比如: span{ margin-left:25px; margin-top:200px; } 改为 span{ margin-left:25px; margin-top:200px; display:block; }
作者:asdasdasd11-19
... -
CSS margin 属性定义边外补白
边框的外面可以有一层边外补白(margin),边外补白可以把块级元素分开.边外补白定义了围绕某种元素(elements)的空白. 可以查看盒模式,了解边外补白和边内补白. 边外补白分为上边外补白(top),下边外...
作者:asdasdasd11-19 -
13个网页页面浏览器兼容性验证工具
每天在回顾浏览ThemeForest上的模板的时候,我都会测试验证浏览器的兼容-更不用说我自己的工作。随着时间的推移,我已经收集到了网上最好的验证和浏览器兼容性测试的工具。以下是我最爱的。
作者:asdasdasd11-19
HTM... -
CSS 网页制作 提高CSS可阅读性
也就是总结一下,良好的书写习惯对于后期的维护有着很让人惊诧的作用;同时,书写习惯决定了阅读的难易程度。而这里的写法,基本上也就是对css从了解到熟悉到主动思考的一个过程。刚开始的写法
作者:asdasdasd11-19
...
