css
cookie-niu
资料仅供个人学习使用。参考请谨慎。本人不负责。
展开
-
css行高line-height的深入理解及应用
一、前言前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”(http://isd.tencent.com/?p=1503),是个不错的文章,学到了不少东西,建议您看看。这里,我也要讲讲我对line-height的一些理解,所讲解的东西绝大多数与上面提到的“深入理解css 行高”是不重复的,可以说是补充或是另外一个角度的思考。另外,将结合实际,展示line-hei转载 2013-10-03 21:45:31 · 1075 阅读 · 0 评论 -
谷歌模拟调试iphone6 时显示宽度为980px
原因:由于我们大部分移动设备默认的viewport都是980px解决方案:<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">参考文献:一些关于Viewport...转载 2019-04-14 17:30:46 · 3814 阅读 · 0 评论 -
CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)
CSS布局实例,这个例子相信很实用,让一个图片在Div容器中上下、左右都居中,也就是水平和垂直都居中,有用吧,平时遇到的机率挺高的,下面结合CSS和HTML来实现这个演示,请参见代码: 测试效果如下:可看到图片在Div class内水平和垂直居中:转载 2017-03-25 11:43:42 · 1245 阅读 · 0 评论 -
HTML5 自定义属性 data-*属性名一定要小写吗?
最近学习 javascript ,参考书籍是《 javascript 高级程序设计》第三版,在介绍自定义元素属性时书中给出了一个例子,如下:理想情况下可以通过 myDiv.dataset.appId, myDiv.dataset.myname 访问数据,但是在实际测试的时候发现 appId 值为 undefined ,网上查了一下,说 HTML5 自定义属性不能包含大写字母,这种约束是不是转载 2017-01-14 11:37:07 · 3046 阅读 · 0 评论 -
CSS3中REM使用详解
在页面中设置字体,我们知道有常见的两种,px 和 em.px在Web页面制作中,我们一般使用“px”来设置我们的文本,因为他比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,他改变了浏览器的字体大小(虽然一般人不会去改变浏览器字体大小),这时会使用我们的Web页面布局被打破,这时就提出了使用“em”来定义Web页面的字体。em一般转载 2016-12-13 11:13:02 · 326 阅读 · 0 评论 -
padding和margin两个重要属性的介绍及举例
如果有一点Html基础的话, 就应该了解一些基本元素(Element), 如p, h1~h6, br, div, li, ul, img等. 如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素.1. Block-level element: 指能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分转载 2015-11-24 16:55:05 · 3472 阅读 · 0 评论 -
Margin和Padding的注意事项 不定时增添
使用margin:上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。firstChild使用margin-top引发了垂直外边距合并的隐患,middle如果不加一个类似border-top:1px solid #ccc的话标准浏览器下就会呈现子元素顶了父元素margin隐患(这是个垂直外边距合并问题,可以查看不要告诉我你懂mar转载 2015-11-24 16:51:37 · 812 阅读 · 0 评论 -
用!important解决IE和Mozilla的布局差别
在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下:IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题,直到我翻译 " 表格对决CSS--一场生死之战 "时,作转载 2015-11-24 16:00:50 · 291 阅读 · 0 评论 -
IE盒子模型和标准W3C盒子模型
盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟悉的标准盒子模型:从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。IE 盒子模型从转载 2015-11-24 16:16:55 · 330 阅读 · 0 评论 -
HTML5扩展之微数据与丰富网页摘要
一、微数据是?一个页面的内容,例如人物、事件或评论不仅要给用户看,还要让机器可识别。而目前机器智能程度有限,要让其知会特定内容含义,我们需要使用规定的标签、属性名以及特定用法等。举个简单例子,我们使用 标签包裹页面标题信息就是为了让机器识别(搜索引擎 – SEO)。而微数据是什么呢?在我看来,微数据也是为了方便机器识别而产生的东西。其有特定的规范,有特定的格式。可以丰富搜索引擎的网页摘要。转载 2015-09-20 21:32:27 · 892 阅读 · 1 评论 -
在table中tr的display:block在firefox,chrome下显示布局错乱问题
按照常理,对于某一单元行需要显示时,使用:display:block属性,不需要显示时使用display:none属性,而且这样做在IE浏 览器中显示正常,没有任何问题。但是当用Firefox浏览时却出现了布局错乱的问题,然后通FireBug去看了下源码,调试下了,发现是display:block属性搞的 鬼。1、当表格为多列的情况下,属性为"display:block"行的内容宽转载 2015-08-24 15:39:55 · 1941 阅读 · 0 评论 -
为 Dreamweaver CS5 中的文档设置字体首选参数
文档的编码决定了如何在浏览器中显示文档。Dreamweaver 字体首选参数使您能够以喜爱的字体和大小查看给定的编码。但是,您在“字体首选参数”对话框中选择的字体只影响字体在 Dreamweaver 中的显示方式;它们不影响文档在访问者的浏览器中的显示方式。若要更改字体在浏览器中的显示方式,您需要通过使用属性检查器或应用 CSS 规则来更改文本。有关为新文档设置默认编码的信息,请参阅创建和转载 2015-05-02 15:44:09 · 2110 阅读 · 0 评论 -
使用css控制GridView控件的样式
style>.GridView_Header{ background-color: Transparent; color: Black; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-a转载 2014-08-06 16:36:25 · 5255 阅读 · 0 评论 -
.net怎么给控件添加样式
控件在页面里只能用指定CssClass来指定样式。后台就用1、Button1.Style.Add(HtmlTextWriterStyle.Color,"red");2、Button1.Style.Add("color","red");3、Button1.Attributes.Add("style","color:red;");是不管用的转载 2014-08-05 14:09:47 · 1797 阅读 · 0 评论 -
html块级元素与行内元素-哪些是块级哪些是内联对象
块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是,table标签也是块元素的一种,table ba转载 2014-04-10 16:04:02 · 4370 阅读 · 0 评论 -
css样式表中的样式覆盖顺序
有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下 Css代码 #navigator { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE;转载 2014-03-01 09:02:17 · 2780 阅读 · 0 评论 -
用CSS定义每段首行缩进2个字符
你应该遵循w3c所制定的html/xhtml标准来使用tag和编写网页。如果你对此不太了解,可以到w3c的网站www.w3.org去找相关资料,或者买一本xhtml的书(注意不要买过时的html的书,尽量选择外国人写的)看。 在你的这个问题里,你首先要了解的是block元素和inline元素的区别,p、div等属于block元素,而a、span、br都是inli转载 2014-02-23 17:24:08 · 9882 阅读 · 0 评论 -
关于ie6、ie7折行问题(li用了float)
HTML结构及CSS样式如下:li {float:left; margin-right:10px; } 文本1 文本2 文本3 这个时候,在ie6、ie7中文字很可能出现断行(暂没发现其他浏览器出现这个问题)解决问题方法: 1)如果文本中没有空格,用word-brea转载 2014-01-08 11:34:28 · 684 阅读 · 0 评论 -
对像素和viewport的理解 =转载内容
一、设备像素和css像素设备像素:对于pc来说,设备像素就是屏幕的分辨率,比如1366*768,就是将屏幕横向分为1366个像素,纵向分为768个像素。一般来说,这个参数是固定不变的,但是你可以通过pc的显示设置去调节它,但没有人会去把分辨率调整到让自己不舒适的状态。这个属性可以通过JavaScript的screen.width/height属性得到。css像素:当你对某个div块设...转载 2019-04-14 17:46:26 · 169 阅读 · 0 评论