虚心使人进步

虚心学习，天天向上......
随笔 - 274, 文章 - 2, 评论 - 161, 阅读 - 76万
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

随笔分类 -  CSS

(转)如何让图片按比例响应式缩放、并自动裁剪的css技巧

摘要：如何让图片按比例响应式缩放、并自动裁剪的css技巧 同时也适用于一些轮播父容器响应式缩放 响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时，如果想要图片按比例缩放，最简单的就是把img宽度设为100%，不设置高度，高度就会自动跟着高度缩放 但是如果要达到的效果是，要让图片的宽高要 阅读全文

posted @ 2020-12-26 11:10 Showker 阅读(764) 评论(0) 推荐(0) 编辑

photoshop将psd导出div+css格式HTML（自动）

摘要：psd切片切好后，导出 web格式，存储时选择html.所有切片，然后，选择其他，选择自定，选择切片，选择生成csscss命名有2种方式，根据ID和根据类，一般选择根据类（ID尽量少有，防止js要用到）生成的html里是按css绝对定位布局的，然后再根据这个大体的布局，进行更深度的div+css修改（肯定不能用这个绝对定位的啦，呵呵，不过至少大体布局出来了，对我们这些初级用户还是很有帮助的。）。 阅读全文

posted @ 2013-06-28 14:05 Showker 阅读(22949) 评论(0) 推荐(0) 编辑

HTML和CSS的关键—盒子模型(Box model)(转载)

摘要：转载（http://blog.sina.com.cn/s/blog_4bcf4a5e010007h8.html） 本文作为属性篇的最后一篇文章, 将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和padding? 原因一, ... 阅读全文

posted @ 2010-05-24 17:02 Showker 阅读(1526) 评论(0) 推荐(0) 编辑

em（倍）与px的区别

摘要：在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文... 阅读全文

posted @ 2010-05-24 15:46 Showker 阅读(58471) 评论(5) 推荐(10) 编辑

避免使用不必要的float（display:inline,position:relative）

摘要：float中文翻译为浮动，很形象的翻译，在CSS很常用，当你需要吧两个块级元素定排放在同一高度上经常会用到float，先看一下float的 属性。 先看一下float可能的值： float:left-元素向左浮动 float:right-元素向右浮动 float:none-不浮动 float:inherit-从父类的float属性继承 既然说道浮动，那么就有必要提一下浮动的清理，因为如果一个元素的... 阅读全文

posted @ 2010-05-22 11:57 Showker 阅读(3907) 评论(1) 推荐(0) 编辑

ul,ol,dl区别

摘要：1.ul是无序列表，也就是说没有排列限制可以随意加li； <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表，会按照你写的li前后依次排列； <ol> <... 阅读全文

posted @ 2010-05-22 10:11 Showker 阅读(17741) 评论(0) 推荐(0) 编辑

CSS实例：定义列表dl页面元素 注重语义建立良好结构（转载52css）

摘要：大家都在学习CSS网页布局，研究着CSS定位、浮动，以及各种CSS属性的应用与设置技巧。这本身并没有什么问题。也值得大家去研究学习。但往往忽视了一个重要的领域，那就是HTML。我在52CSS.com的文章中，不止一次的强调，语义和结构。大家可能也看得烦了。认为这没有什么，认为这并不重要。 　　没有良好的HTML文档作为基础，我们的CSS网页布局往往困难重重。如同是，一幛建筑，本身就有质量问题。你去... 阅读全文

posted @ 2010-05-22 10:08 Showker 阅读(1549) 评论(1) 推荐(0) 编辑

Float详解(转贴)

摘要：FLOAT（浮动）概念也许是 CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的（我只是猜想）。如果你知道这些bug，你就能避免这些问题。让我们尝试去解决... 阅读全文

posted @ 2010-05-21 13:30 Showker 阅读(2037) 评论(1) 推荐(0) 编辑

CSS学习笔记(增加中)

摘要：2010-5-211、line-height:行高。就是文字行与行之间的高度。就是两行文字之间基线的距离。那么基线是什么呢？就是如果给文字加上下划线那么下划线的位置就是文字的基线。但是很多教科书把此属性翻译成行距。按我理解，汉字的行距应该是(line-height)-(font-size)的值才是真正体现在页面上的行与行的间距。个人感觉学习CSS最好配合示意图。这个属性翻译过来的都不能准确表达CS... 阅读全文

posted @ 2010-05-21 11:40 Showker 阅读(382) 评论(0) 推荐(0) 编辑

CSS编码与页面编码不一致导致IE6下样式不起作用

摘要：前段时间与美工做一个系统的时候使用的是VisualStudio2005，页面用的是GB2312的码，而美工那边CSS样式使用的是UTF-8的码。导致很多样式不能正确显示。 今天又碰到从网上下载下来的CSS样式，在我的UTF-8的页面中不能正确显示（火狐能正确显示，IE6不行）。后来，把整个外部引用的CSS样式，采用放到页面里,2者就能正确显示了。经过排除才发现是编码问题，从网上下载下来的CSS样式采用的是GB2312的码，看下图 阅读全文

posted @ 2009-09-17 14:23 Showker 阅读(1890) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示