![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
iteye_3352
这个作者很懒,什么都没留下…
展开
-
position=absolute之相对父元素定位
[color=green][b]1、问题:[/b][/color]如果 position : absolute ,如何又相对定位?就是相对父元素,的绝对定位。[color=green][b]2、答案[/b][/color]当 父元素 的 position 设为 relative 时,其子元素的 absolute position 是按照父元素的相对位置来的 ...原创 2013-09-27 16:51:21 · 359 阅读 · 0 评论 -
CSS - div之overflow:scroll
[color=green][b]Definition[/b][/color]The overflow property specifies what happens if content overflows an element's box.[color=green][b]Usage[/b][/color][color=brown]Default value:[/col...原创 2014-01-08 11:29:48 · 256 阅读 · 0 评论 -
用line-height 控制文字垂直居中
[img]http://dl2.iteye.com/upload/attachment/0093/5571/e9a99c2b-a8a7-3a1a-96d6-68d2206097e2.jpg[/img][size=medium][color=brown]把 文字的 line-height 属性,设置到与 input 一样大小后:[/color][/size][img]http...原创 2014-01-26 18:08:49 · 87 阅读 · 0 评论 -
<img 标签之 alt vs title
[img]http://dl2.iteye.com/upload/attachment/0094/3390/efa7dbda-7bea-3653-8c74-ccb2256d58c0.png[/img]--[url]http://www.searchenginejournal.com/image-alt-text-vs-image-title-...原创 2014-02-28 14:36:58 · 62 阅读 · 0 评论 -
css之设置滚动条样式
将一下代码复制到html页面中即可查看效果。支持IE和chrome,不支持firefox[code="html"] /*ie滚动条样式*/ * { scrollbar-arrow-color: rgb(200,200,200);/*ok-上下三角箭头*/ ...原创 2014-04-09 08:45:53 · 99 阅读 · 0 评论 -
bootstrap css之响应式导航栏
-[color=green][size=medium][b]使用 Twitter Bootstrap 3 创建响应式导航栏[/b][/size][/color]-这里的“响应式”是指导航栏的宽度及菜单样式会根据设备的宽度自动调节。即: 在宽屏状态下导航栏会扩展到最大宽度。 而在窄屏的时候,导航栏会将导航条目收纳到一个菜单按钮中。 先看一下最终效...原创 2016-08-29 16:58:55 · 627 阅读 · 0 评论 -
CSS样式之带边框的 Anchor(超链接)
[size=medium][b]效果图:[/b][/size][img]http://dl2.iteye.com/upload/attachment/0120/4645/79cf2283-c75f-376e-8df1-a39b3090da9e.png[/img][size=medium][b]HTML:[/b][/size][code="html"] 4....原创 2016-10-08 15:19:08 · 899 阅读 · 0 评论 -
BootstrapCSS之Select
[b][size=medium]效果图:[/size][/b][img]http://dl2.iteye.com/upload/attachment/0120/6740/a0a03fa6-bd6b-3762-89f8-57734a15e694.png[/img][b][size=medium]代码:[/size][/b][code="html"]...原创 2016-10-18 17:00:06 · 115 阅读 · 0 评论 -
网站页面配色
导航栏,菜单栏[img]http://dl2.iteye.com/upload/attachment/0122/4022/77ce7875-3d10-3ad9-bc6e-f9fa16f3f9d8.png[/img]左侧菜单[img]http://dl2.iteye.com/upload/attachment/0122/5226/a7e61943-44ec-3eef-aacd-1...原创 2017-01-05 10:12:13 · 95 阅读 · 0 评论 -
css:flex布局
[b]A Complete Guide to Flexbox[/b][url]https://css-tricks.com/snippets/css/a-guide-to-flexbox/[/url]Flex 布局教程:语法篇[url]http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html[/url]Flex...原创 2017-03-13 17:43:34 · 97 阅读 · 0 评论 -
jQuery之mouseover,mouseover,mouseout,mouseleave
[size=medium][b]Jquery mouseenter() vs mouseover()[/b][/size][b]问题:[/b]在使用 $.slideDown() , $.slideUp() 时,如果是用 mouseover() 事件去触发该效果,则会出现效果重叠现象。就是 $.slideDown() , $.slideUp() 会被触发多次。这不是我...原创 2017-03-14 10:20:26 · 155 阅读 · 0 评论 -
css 背景与 页面元素相结合
代码[code="html"] 更多>> 注册和登录提示: 1、 2、 3、 版权...原创 2014-07-17 18:10:18 · 82 阅读 · 0 评论 -
给列表数据增加icon图标
代码:[code="html"] 用户管理 [/code] span 标签的 css :[code="css"]#main div.sidebar ul li span { padding-left: 45px; background: url(/public/images/bg_sidebar_li.gif) no-repeat 2...原创 2014-07-18 11:10:39 · 592 阅读 · 0 评论 -
JS实现图片滚动效果图
样式图:[img]http://dl2.iteye.com/upload/attachment/0099/9863/4fe17104-5140-3e46-9a88-489acf909b75.jpg[/img]请参考:http://nodebook.info/book/view?bid=53523a3c19980e913e9be3ee第三部分 小应用 -> 4.图...原创 2014-07-30 09:42:03 · 87 阅读 · 0 评论 -
css样式背景图片(一)
[img]http://dl2.iteye.com/upload/attachment/0103/3166/2c84593c-7458-3493-86a2-9e4fa858cfb2.png[/img][img]http://dl2.iteye.com/upload/attachment/0103/4457/280be496-922c-370c-97dc-6fe7917653d9.png[/...原创 2014-11-18 15:50:09 · 113 阅读 · 0 评论 -
div之min-height和max-height
-[color=green][b]max-height[/b][/color]The value of the max-height property overrides height. [color=green][b]min-height[/b][/color]The value of the min-height property overrid...原创 2014-01-08 10:25:13 · 198 阅读 · 0 评论 -
div内文字自动换行word-wrap
Allow long words to be able to break and wrap onto the next line:[color=green]p.test {word-wrap:break-word;}[/color][b]Syntax[/b]word-wrap: normal|break-word;[b]Value[/b] ...原创 2014-01-07 13:33:03 · 125 阅读 · 0 评论 -
javascript之css格式之scrollTop和offsetTop
[b][size=medium]关于在jquery中的scrollTop最近看懂了一幅图:[/size][/b][img]http://dl2.iteye.com/upload/attachment/0090/5989/fd70fcde-f516-3fe2-b377-f784d1bab319.gif[/img][b]说明:[/b]offset: 抵消磨合、合并offsetT...原创 2013-10-27 16:21:47 · 245 阅读 · 0 评论 -
display:none;与visibility:hidden;的区别
-[color=brown][b]display[/b][/color]:none; [color=green]不显示元素,元素不占据任何空间。[/color][color=brown][b]visibility[/b][/color]:hidden; [color=green]不显示元素,但元素仍占据空间。[/color]-...原创 2013-12-23 16:33:38 · 49 阅读 · 0 评论 -
Google 对话框 箭头效果
[img]http://dl2.iteye.com/upload/attachment/0114/8654/57ba948c-d023-34d2-8c88-d3bf86545a95.png[/img][size=x-large]要实现这种效果注意点:1. height = 0; width = 0;2. 理解:border-topborder-leftborde...原创 2016-01-28 16:29:38 · 118 阅读 · 0 评论 -
51VOA-css
[size=large][b][url=http://www.51voa.com/]51voa - css[/url][/b][/size][code="java"]$("#Content_VOA,#left_nav,#logo,#nav,#notice,#Bottom_VOA,#list").hide();$("#right_box,#content").css({ "wid...原创 2016-03-12 15:28:19 · 604 阅读 · 0 评论 -
页面带标签的文字及样式 - Tag - css
[img]http://dl2.iteye.com/upload/attachment/0116/2705/db428d73-ceb6-3175-803d-fe5fbaa12356.png[/img]--原创 2016-04-01 14:39:51 · 1211 阅读 · 0 评论 -
html - CSS - resize 可变大小的显示与否- textarea, div
[url=http://www.w3schools.com/cssref/css3_pr_resize.asp]http://www.w3schools.com/cssref/css3_pr_resize.asp[/url][code="css"]div { resize: both; overflow: auto;}[/code]...原创 2016-04-01 15:08:04 · 208 阅读 · 0 评论 -
[position: fixed ] with vertical space
[url=http://stackoverflow.com/questions/5363430/position-fixed-with-vertical-space][size=large][b]Position: fixed with vertical space[/b][/size][/url]What I have is a rather basic issue with pos...原创 2016-04-12 19:51:27 · 91 阅读 · 0 评论 -
CSS - dispaly:inline-block
如果不是 块级( block ) 类型的元素,当设置 width, height, margin 属性时不起作用。因为 display 为 inline 时,没有这些属性。 但是,如果 display 设置为 : inline-block 的元素,即保持了 inline 的自调节位置,又同时具备了 block 的 width, height, margin 属性。...原创 2016-04-22 17:58:55 · 108 阅读 · 0 评论 -
[css - hr ] border color 横线高度和颜色
如果设定 hr 的 border,会发现其高度会比不设置高2倍,即使高度设为最小值: 1px;[code="css"]hr{ border: 1px solid #bbe;}[/code]这是什么原因?原来 hr 也是遵守盒子模型,具有四条边:[code="css"]border-topborder-bottomborder-right...原创 2016-04-28 10:59:12 · 897 阅读 · 0 评论 -
CSS - table 圆角 border radius
[b]效果:[/b][img]http://dl2.iteye.com/upload/attachment/0117/0603/f75e76df-2d2b-3863-8fe0-3c49b8e9bd90.png[/img][b]代码:[/b][code="html"]Rounded Tables with CSS3table { backg...原创 2016-04-29 12:08:48 · 248 阅读 · 0 评论 -
CSS - li 元素显示在一行____ a 元素没有下横线
原文链接: [url=http://www.w3schools.com/css/css_navbar.asp]http://www.w3schools.com/css/css_navbar.asp[/url][color=indigo][size=x-large][b]方法一: 用于水平导航栏: [/b][/size][/color][code="javascript"]...原创 2016-05-27 20:44:48 · 1610 阅读 · 0 评论 -
CSS之 white-space : pre
[b]在 github 的代码浏览页面,可以看到这样的 css 样式:[/b][code="html"] throw new Error( " Chartbeat: Please specify an api key and host! " );.blob-code-inner { ...原创 2016-06-15 10:21:35 · 391 阅读 · 0 评论 -
css之去掉li标签前面的符号
[b]css:[/b]ul{ list-style-type: none;}[b]html:[/b] cafe bread milk-原创 2014-01-05 15:41:12 · 1734 阅读 · 0 评论 -
div居中center
[b][color=green]div居中[/color][/b]除了指定margin为auto外,还要给width赋值。如:#centdiv{ width:500px; margin:auto;}如果不指定width,则不会居中显示。...原创 2014-01-06 12:46:50 · 343 阅读 · 0 评论 -
css 样式图
[img]http://dl2.iteye.com/upload/attachment/0105/0521/a1e87aa6-1f54-32f5-a319-784f7231ee30.png[/img][img]http://dl2.iteye.com/upload/attachment/0105/3922/9b0aab6e-828c-3f21-b985-edcd8742...原创 2015-01-08 11:55:54 · 77 阅读 · 0 评论