-
CSS教程:关于文字溢出问题的研究
所属栏目：[系统] 日期：2020-11-23 热度：129
首先引起对这个溢出问题进行研究是因为看到一个朋友的帖子，里面提到ie7下出现的文字溢出问题； 于是又重新翻了以前怿飞斑竹的帖子，他提到的是注释引起的文字溢出问题，我今天看的时候发现在ie7下并没有产生多猪的问题(以前我没有装ie7，所以没有测试)，[详细]
-
CSS教程:CSS命名参考
所属栏目：[系统] 日期：2020-11-23 热度：175
在XHTML中定义ID、CLASSS都用得上，主要是方面CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。 (1)页面结构类 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整[详细]
-
在IE流览器中正确显示PNG透明图片
所属栏目：[系统] 日期：2020-11-23 热度：87
png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利! 但目前IE中对[详细]
-
CSS教程:DIV底部放置文字
所属栏目：[系统] 日期：2020-11-23 热度：103
css对文字的布局上没有靠容器底部对齐的参数，目前使用的一个不错的方法也比较好.就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可以精确到像素，自己可以调节，是不是很[详细]
-
CSS入门教程:计算CSS盒模型宽和高
所属栏目：[系统] 日期：2020-11-23 热度：74
出处：当我们布局一个网页的时候，经常会遇到这样的一种情况，那就是最终网页成型的宽度或是高度会超出我们预先的计算，其实就就是所谓的CSS的盒模型造成的。 #test{margin:10px;padding:10px;width:100px;height:100px;} 如上一段的代码，很多时候我们会[详细]
-
多个CSS样式表争夺特定选择符的控制权
所属栏目：[系统] 日期：2020-11-23 热度：171
CSS样式层叠顺序 当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。 正如以前所提及的，网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突，网[详细]
-
详解css3中dispaly的Grid布局与Flex布局
所属栏目：[系统] 日期：2020-09-25 热度：97
副标题#e# Gird布局与Flex布局有一定的相似性，都是对容器的内部项目进行划分。 Flex布局是轴线布局，只能指定项目针对轴线的位置，可以看作成一维布局 Grid布局则是将容器划分成行和列，产生单元格，然后指定项目所在的单元格，可以将它看成二维布局。 父[详细]
-
详解css3 flex弹性盒自动铺满写法
所属栏目：[系统] 日期：2020-09-24 热度：140
style type=text/css.flexcontainer{width:100%;height: 100%;position: absolute;left:0px;top:0px;display: flex;flex-direction: column;}.flex1 {width: 100%;height: 8rem;float: left;background: #f00;}.flex2 {width: 100%;height: 4rem;flex:1;fl[详细]
-
让我来教你使用css中的字体图标的方法
所属栏目：[系统] 日期：2020-09-24 热度：114
副标题#e# 首先什么是字体图标呢，那就是表面上是图标，其实它是文字，我们可以就像设置文字一样去设置字体图标，一般可以使用两种方式去设置字体图标，一种是引入css文件，然后设置特殊的class就可以了；另外一种是通过伪元素中的content去设置，下面跟我[详细]
-
css中filter属性和backdrop-filter的应用与区别详解
所属栏目：[系统] 日期：2020-09-24 热度：71
副标题#e# filter和backdrop-filter具有一定区别： Filter不仅仅作用于当前元素，后代元素也会继承这个属性，作用于一个空背景元素则没有效果。 backdrop-filter 是使透过该层的底部元素模糊化 backdrop-filter属性可以让你为一个元素后面区域添加图形效果[详细]
-
Css3实现无缝滚动防抖
所属栏目：[系统] 日期：2020-09-24 热度：173
图片加文字的无缝滚动，在手机端的效果总体还行，但是图片在手机某些浏览器会抖得腻害！ 错误写法 不能用left，margin-left,像这种写法: .donghua.active{ animation: scoll ease-in-out 1s infinite alternate; -webkit-animation: scoll ease-in-out 1s[详细]
-
CSS 水平居中并限定最大的宽度实现
所属栏目：[系统] 日期：2020-09-24 热度：160
一个 CSS 布局和样式的问题，如何在水平居中和限制最大宽度中，进行平衡 在最近工作中，遇到一个这样的问题： 1. 背景 水平三栏或者两栏的布局，其中一栏内的内容是变动的； 当内容过少时，整体需要居中展示； 当内容过多时，需要根据最大的宽度进行省略；[详细]
-
CSS3 border-radius圆角的实现方法及用法详解
所属栏目：[系统] 日期：2020-09-24 热度：73
以前想实现一个圆角是比较麻烦的，不过现在CSS3来了，实现圆角变的那么的简单只需要一句话：border-radius即可。下面青岛星网跟大家分享下：border-radius的具体用法。 CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个[详细]
-
详解CSS清除图片下几像素空白间隙的方法
所属栏目：[系统] 日期：2020-09-24 热度：103
最近有伙伴问小编的问题： 页面排版的时候发现图片下面有那么1-2像素的间隙空白，怎么去除。 这个是浏览器的一个设计问题。img本来是行内元素，却可以用width 和height,当父元素没有设置高度的时候，用子元素们的高度计算出的高度给父元素的时候就会出现3p[详细]
-
CSS中三角形的绘制与巧妙应用实例详解
所属栏目：[系统] 日期：2020-09-24 热度：193
网页中常见的一些三角形，无需制作成图片或者字体图标，使用CSS就可以直接画出来。如小米官网中： 以及京东网页中的： 那么这些三角通过是CSS怎么实现的呢？ 三角的实现 我们可以通过将一个div容器的宽和高都设置为0，然后设置容器的边框来实现。 .box {he[详细]
-
帮助你好好学习CSS的“边”和“内容”
所属栏目：[系统] 日期：2020-09-23 热度：107
看完图下面是测试代码: html head titlejb51.net/title meta http-equiv=Content-Type content=text/html; charset=gb2312 style type=text/css /style /head body SCRIPT LANGUAGE=JavaScript var s = ; s = rn网页可见区域宽： document.body.clientWi[详细]
-
CSS的私有属性小结(针对FireFox浏览器)
所属栏目：[系统] 日期：2020-09-23 热度：67
FF中CSS的私有属性小结 有时..有些东西FF总是支持不好. 只能找私有属性来帮忙. 例子还米做 因为太多太不了解了 等理解得差不多时搞成本电子书. 虽然这些不推荐使用, 可是万不得以的时候总得有个解决的方法.. At-rules @-moz-documenturl(), url-prefix(), d[详细]
-
CSS:用overflow代替left截取指定长度字符串
所属栏目：[系统] 日期：2020-09-23 热度：140
为了防止文章标题过长超过容器(td,div)宽度而显示成多行，我们通常要对标题进行处理让其显示在一行，通常使用的方法有两种：一种方法是在客户端用CSS设置容器的overflow属性；另一种方法则是在服务器端用left函数对标题字符串进行截[详细]
-
知道吗？H1标签同样也可以美化
所属栏目：[系统] 日期：2020-09-23 热度：126
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。 h1img src=http://www.jb51.net[详细]
-
另一个角度谈谈DIV CSS
所属栏目：[系统] 日期：2020-09-23 热度：50
看了cragle的《有没有必要将网站Div Css重构?》的文章，有一些想法不说不快，我也在文章的评论里提到曾经开除过两个执着使用div技术的美工，遭到一些朋友的反对，但也有一位技术总监的朋友发帖表示支持，很经典的话就是：做站是给人看的。不是给机器。符合[详细]
-
由浅入深实践学习 Web 标准
所属栏目：[系统] 日期：2020-09-23 热度：118
如果你还不知道 Web 标准是什么，那么我给一个定义：从 05 年开始才在中国流行起来的一种做网页的方式，并且现在保持着一定的热度。新浪、网易这两大门户网站的首页都是标准的（或接近标准）。我这么定义，是说作为一个新锐的网页设计师，如果你现在还不知[详细]
-
CSS网页设计中的解决方案
所属栏目：[系统] 日期：2020-09-23 热度：194
1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。 2、浏览器特定的选择器 查看原文：?p=324 英文地址： 翻译说明： 这是Solid State Group网站上的一篇很友好的文章，解决了我在设计中遇到的很多问题，故在此我翻译其文，并对原作者表示非常[详细]
-
Firefox和IE通用的三则网站重构实用技巧
所属栏目：[系统] 日期：2020-09-23 热度：190
使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题 我们经常遇到一个容器外面套一个边框，边框高度随容器高度变化，但是当边框内容器设置了浮动属性后，外框就不跟随变化，这时就需要清除浮动。给外边框容器加上overflow:auto的属性，可以解决IE7[详细]
-
CSS:清除浮动的最优方法
所属栏目：[系统] 日期：2020-09-23 热度：125
在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动，嘿嘿，这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。 方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。 CSS[详细]
-
CSS去除表格的默认间距并且制作1px的细线表
所属栏目：[系统] 日期：2020-09-21 热度：176
现在在所谓div css的风气下，很多人放弃了表格，其实应该让每个标签物尽其用，在表现数据的地方，我们还是应该使用table。但是，我们在建立table的时候，会发现它会具有一些默认的样式，比如单元格td之间会有间距，所以我们通常开头是这样写的： table bor[详细]
浙公网安备 33038102330570号