CSS使用技巧
CSS使用技巧
sun0322
NULL
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css属性~(积少成多)
1.padding 前言: 今天在调表格时(表格中套表格),遇到了边框的问题,发现table的 标签的 cellpadding 属性">cellpadding和 标签的 cellspacing 属性">cellspacing都设置成了0,但是还有边距。 原因: 看了一下td的css定义发现,有padding的设置~ padding:10px;原创 2011-12-01 22:19:23 · 584 阅读 · 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 · 950 阅读 · 0 评论 -
css中的 font 与 font-size
前言:前段时间修改程序,看到以下代码。 不明白红色部分是什么意思~ body:last-child { font: 64%/133.5% "MS Pゴシック", sans-serif; } 上网查了一下,其实是 "字体大小" 和 "行高" 的意思。 -----------------------------------------------------------原创 2012-03-28 13:36:39 · 940 阅读 · 0 评论 -
CSS中选择器的优先级 ( ※关于相同属性的覆盖问题 )
#a{color:red} .b{color:blue;fontsize:20px} test -------------------------------------------- dest 字体大小是[类选择器]中定义的20,颜色是[id选器]其中的红色 ID的级别大于Class ID前面是# Class前面是. ※※※ 注意 ※※※ 关于覆盖的问原创 2012-04-17 14:18:19 · 2296 阅读 · 0 评论 -
css中的段落控制 【 text-indent】
对于页面中的软换行css的活用 text-indent: 2em;//缩进 果然,过了一会儿,随着细微的“啪”的一声,一束美丽的蓝色 电花爆开在两个铜球之间,整个系统形成了一个完整的回路,细小 的电流束在空气中不停地扭动,绽放出幽幽的荧光 #note{ padding-left: 1em;//整体段落 text-indent: -1原创 2020-03-29 21:33:25 · 1418 阅读 · 0 评论 -
css控制 区域 圆角 显示
通过以下的方式让一段文字在一个框中显示 这个框是有颜色的, 并且这个框的四周是圆角。 .frame_lower { /* 这个图片是大的,底部是圆角 */ /* 0是水平位置 100%代表垂直位置 */ background:url(./images/bg_frame_lower.gif) no-repeat 0 100%; margi原创 2012-06-29 16:04:27 · 899 阅读 · 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 · 20945 阅读 · 0 评论 -
使用Safari浏览器自带工具,查看页面中 css 样式的引用~
開発-->Webインスぺクタ (web Inspector) Inspector 检查员; 测定器 之后选择左下角的图标,代码页面和画面分开显示 分开后,会看到代码页面上由于个放大镜的图标。 点击这个图标,然后再点击页面的任意部分,便可以显示这个部分的css。 ------------------------ 好处 这里面显示的信息非常全面, ・这里引用的所有的...原创 2012-07-17 17:05:53 · 16463 阅读 · 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 · 673 阅读 · 0 评论
分享