CSS使用技巧
CSS使用技巧
sun0322
NULL
展开
-
css属性~(积少成多)
1.padding前言: 今天在调表格时(表格中套表格),遇到了边框的问题,发现table的 标签的 cellpadding 属性">cellpadding和 标签的 cellspacing 属性">cellspacing都设置成了0,但是还有边距。原因: 看了一下td的css定义发现,有padding的设置~padding:10px;原创 2011-12-01 22:19:23 · 516 阅读 · 0 评论 -
css中的伪类 之 first-child
昨天在看代码时,看到了下面这段代码 body:last-child { font: 64%/133.5% "MS Pゴシック", sans-serif;} 这里的last-child是css中伪类-----------------------------------------------下面举一段代码作为例子 p:first-child {fon原创 2012-03-28 13:29:36 · 852 阅读 · 0 评论 -
css中的 font 与 font-size
前言:前段时间修改程序,看到以下代码。 不明白红色部分是什么意思~body:last-child { font: 64%/133.5% "MS Pゴシック", sans-serif;} 上网查了一下,其实是 "字体大小" 和 "行高" 的意思。-----------------------------------------------------------原创 2012-03-28 13:36:39 · 815 阅读 · 0 评论 -
CSS中选择器的优先级 ( ※关于相同属性的覆盖问题 )
#a{color:red}.b{color:blue;fontsize:20px}test --------------------------------------------dest字体大小是[类选择器]中定义的20,颜色是[id选器]其中的红色 ID的级别大于ClassID前面是#Class前面是. ※※※ 注意 ※※※关于覆盖的问原创 2012-04-17 14:18:19 · 2194 阅读 · 0 评论 -
css中的段落控制 【 text-indent】
对于页面中的软换行css的活用text-indent: 2em;//缩进 果然,过了一会儿,随着细微的“啪”的一声,一束美丽的蓝色电花爆开在两个铜球之间,整个系统形成了一个完整的回路,细小的电流束在空气中不停地扭动,绽放出幽幽的荧光#note{padding-left: 1em;//整体段落text-indent: -1原创 2020-03-29 21:33:25 · 1281 阅读 · 0 评论 -
css控制 区域 圆角 显示
通过以下的方式让一段文字在一个框中显示这个框是有颜色的,并且这个框的四周是圆角。 .frame_lower { /* 这个图片是大的,底部是圆角 */ /* 0是水平位置 100%代表垂直位置 */ background:url(./images/bg_frame_lower.gif) no-repeat 0 100%; margi原创 2012-06-29 16:04:27 · 808 阅读 · 0 评论 -
使用CSS在文字前面加上图标。
#noticeIcon {padding: 0px 0px 0px 23px;background-image: url(pages/images/point/notice_icon.gif);background-repeat:no-repeat;color:#FF0000;margin-left:0.33em;} 使用padding (上右下左) 使文字相对图片原创 2012-07-17 16:19:14 · 17466 阅读 · 0 评论 -
使用Safari浏览器自带工具,查看页面中 css 样式的引用~
開発-->Webインスぺクタ(web Inspector)Inspector 检查员; 测定器之后选择左下角的图标,代码页面和画面分开显示分开后,会看到代码页面上由于个放大镜的图标。点击这个图标,然后再点击页面的任意部分,便可以显示这个部分的css。------------------------好处这里面显示的信息非常全面,・这里引用的所有的...原创 2012-07-17 17:05:53 · 13080 阅读 · 0 评论 -
CSS webkit
长度随宽的自动改变-webkit-text-size-adjust:none;阴影效果-webkit-box-shadow:#333 2px 2px 4px;颜色渐变,立体效果background:-webkit-gradient(liner, 0% 0%, 0% 100%, from(1c86EE), to(#104E8B));...原创 2012-09-13 17:08:24 · 598 阅读 · 0 评论