![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
语言-CSS+DIV。
peace_of_soul
这个作者很懒,什么都没留下…
展开
-
width
width 有的div是100%,有的div是固定宽度的,就会出现空白。所以解决方案有以下几个:1.都设置100%2.都设置固定宽度(但可能出现看起来就是空白的问题,都不用拖动的。。)3.有的设置100%,小的设置小宽度,这样就拖很小才能出现空白,用户体验不会有大问题。原创 2014-09-18 16:42:56 · 543 阅读 · 0 评论 -
div#header 和 div #header的区别
div#header 和 div #header的区别html>head>style type="text/css">div#header{ background-color:green;}style>head>body>div id="header">澳大利亚div>div>中国div>body>html> 上面的例子中第1div的背景为green,转载 2015-01-27 09:59:46 · 1523 阅读 · 0 评论 -
关于 不同 字体/颜色的字 以及 小图标 在同一行的css处理问题。
挖个坑,稍后填way1. 都搞成div,float就OK啦~way2.写进class里面...具体方法是:给类写background,里面加上image原创 2014-10-11 14:49:14 · 1419 阅读 · 2 评论 -
各大浏览器CSS3和HTML5兼容速查表
各大浏览器CSS3和HTML5兼容速查表(一) 不知不觉中,支持 CSS3 和 HTML5 的浏览器变得越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。 需要指出的是,即使同一个浏览器的转载 2014-12-04 14:17:41 · 671 阅读 · 1 评论 -
闲聊CSS之关于clearfix--清除浮动
一,什么是.clearfix你只要到Google或者Baidu随便一搜"css清除浮动",就会发现很多网站都讲到"盒子清除内部浮动时可以用到.clearfix"。.clearfix:after { content: " "; display: block; clear: both; height: 0;}.clearfix { zoom: 1;}div c转载 2015-01-29 16:41:28 · 675 阅读 · 0 评论 -
网页缩小,滚动之后出现空白?啊哈哈,我来帮你忙~~
页面缩小 空白 css html 前端 显示原创 2014-12-23 11:06:27 · 1683 阅读 · 1 评论 -
display:inline、block、inline-block的区别
display:block就是将元素显示为块级元素.block元素的特点是:总是在新行上开始;高度,行高以及顶和底边距都可控制;宽度缺省是它的容器的100%,除非设定一个宽度, , , , 和 是块元素的例子。display:inline就是将元素显示为行内元素.inline元素的特点是:和其他元素都在一行上;高,行高及顶和转载 2015-01-13 08:52:47 · 448 阅读 · 0 评论 -
CSS3 圆角(border-radius)
CSS3 圆角(border-radius)前缀例1例2:无边框书写顺序其它支持性值:半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round { padding:10p转载 2015-01-15 15:51:53 · 521 阅读 · 0 评论 -
关于border。
p {border-style:solid;}實線p {border-style:dashed;}虛線p {border-style:double;}雙線p {border-style:dotted;}點線p {border-style:groove;}凹線p {border-style:ridge;}凸線p {border-style:inset;转载 2015-02-26 11:21:55 · 394 阅读 · 0 评论 -
轻浮的清浮~
我们都知道使用浮动会产生很多未知的问题,通过上面的例子我们可以发现 class="demo" 的高度并没有被里面的 div 给撑开,这是因为里面的 div 产生浮动而脱离了该文档,因为 demo 本身没有高度,所以我们看不到它的灰色背景。当然只要给 demo 一个高度就行了,但是这就脱离了本文的目的(有时我们希望外层 div 的高度由里面的内容来决定)。既然是浮动产生的问题,那么只要清转载 2014-11-21 14:24:20 · 683 阅读 · 1 评论 -
css不确定宽度的水平居中
css不确定宽度的水平居中 (2013-05-16 10:47:02)转载▼ 分类: HTML-CSS给父元素设置text-align:center可以实现 文本、图片等行内元素的水平居中,但是还有比较复杂的情况,例如我们项目中:按钮文字和个数不确定,但是要居中显示。按钮我用的是滑动门。那么如何居中呢?转载 2015-03-14 19:39:51 · 826 阅读 · 0 评论 -
background-color的默认值:transparent
background-color的默认值:transparent原创 2015-03-23 14:38:47 · 3091 阅读 · 0 评论 -
HTML特殊字符大全
国外网站整理的一份很全的HTML特殊字符集,共享出来供大家查阅吧。使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&#符号;第二列可以用于CSS文件中,但是需要用反斜杠\转义;第二列也可以用于JavaScript,和CSS用法一样,不过要用\u来转义。需要主转载 2015-06-26 11:32:32 · 778 阅读 · 0 评论 -
想高效切图,布局很重要。
高效的前端,拿到设计图,一定是先看布局。有几列,哪些是高度自适应的,哪些是需要绝对定位相对定位的。浮动能不能用。大的架子定得扎实,小的部分填进去就很简单。布局和定位真的很重要。我先干完手头儿的活儿,就来总结一下布局和定位的问题。再写几个例子。原创 2015-07-06 14:02:12 · 508 阅读 · 0 评论 -
CSS3自定义滚动条样式 -webkit-scrollbar
作者: 轩枫有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢?前言webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目转载 2015-07-28 11:34:17 · 875 阅读 · 0 评论 -
IE8不能居中显示的5个解决办法~~亲测center可用~
IE8不能居中显示的5个解决办法 2012-02-24 17:53:10| 分类: 【互联网技术】|举报|字号 订阅IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦。1...网易的解决方案(我喜欢) (明白人都知道加在什么地方) 这个只是渲染的过程。实际上不是每个页面都通用转载 2014-11-27 16:06:34 · 739 阅读 · 0 评论 -
行内元素和块级元素
挖个坑,等弄完这个填。转载 2014-10-13 09:42:37 · 1120 阅读 · 0 评论 -
CSS+div 一些小语法
div class= "a "原创 2014-08-21 16:58:08 · 392 阅读 · 0 评论 -
type="text/css" 有什么用啊 ?
type="text/css" 有什么用啊 ?2009-02-17 21:47初雪PHP | 分类:Html/Css | 浏览12913次p{ background-color:yellow;}我发现去掉它效果也一样分享到:举报| 2009-02-17 22:21提问者采纳告诉浏览器,这段标签内包含的内容是转载 2014-09-11 16:31:13 · 4981 阅读 · 0 评论 -
css 中的background:transparent到底是什么意思有什么作用
有时我在看css时,看到有的css属性定义为background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。所以写和不写都是一样的有段时间没写文章了,一直在学校,虽然带着电脑,但是不能上网啊!最近在用javascript写一个网页版的操作系统,写好了一定发上来,写的过程中遇到很多问题,许多都是细节方面的,很麻烦,不过自己一直在努力解决,也转载 2014-08-18 09:40:01 · 2755 阅读 · 0 评论 -
css中中文字体(font-family)的英文名称
Mac OS的一些:华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 儷黑 Pro:LiHei Pro Medium 儷宋 Pro:LiSong Pro Light 標楷體:BiauKai 蘋果儷中黑:Apple LiGothic Medium转载 2014-09-26 17:13:54 · 742 阅读 · 0 评论 -
传说中的CSS~让我来告诉你吧~Cascading Style Sheets
css的基本理解原创 2014-09-25 15:36:55 · 802 阅读 · 0 评论 -
列表横排问题。
列表横排问题 导航原创 2014-10-24 10:29:08 · 1000 阅读 · 0 评论 -
系列网页。前端开发流程
实践了一段时间,发现《Freshman。前端开发流程。》里面的东西比较适合从头到尾开发一个新页面的情况,而在具体开发工作中,我们大部分时候是开发一系列网页,有一些元素(比如很多页面的top/banner部分)是类似的。所以开发的流程可以是开始先做好第一个页面的全部,把公共部分抽取出来,然后之后的页面只要修改不同部分就好。原创 2014-10-09 09:59:40 · 1708 阅读 · 0 评论 -
input css
padding: 6px 8px;border: 1px solid #DDD;width: 282px;height: 26px;color: #999;background: #FFF;line-height: 26px; padding: 6px 8px;border: 1px solid #DDD;width: 282px;height:原创 2014-11-11 15:55:59 · 463 阅读 · 0 评论 -
在class里面写入图片。+button
在class里面写入图片 图片button原创 2014-11-12 15:16:43 · 1330 阅读 · 0 评论 -
WEB前端,混合排版,有的宽有的窄,滚动会出现空白处,怎么办。
WEB前端,混合排版,有的宽有的窄,滚动会出现空白处,怎么办。原创 2014-10-28 16:03:15 · 883 阅读 · 0 评论 -
background-image 详解
背景图(background-image)background-image 属性允许指定一个图片展示在背景中。可以和 background-color 连用,因此如果图片不重复地话,图片覆盖不到地地方都会被背景色填充。代码很简单,只需要记住,路径是相对于样式表的,因此以下的代码中,图片和样式表是 在同一个目录中的。background-image: url(image.jpg);转载 2014-11-17 10:49:44 · 12072 阅读 · 1 评论 -
CSS里的各种水平垂直居中基础写法
鉴于好多页面都需要底部的啥啥啥居中,所以直接拎出来这个问题写一篇博客。先挖坑,zhihou转载 2014-09-18 16:44:25 · 846 阅读 · 0 评论 -
页面登陆框老是乱乱的?banner跨页图片缩小之后总是在侧面不能显示主要部分?哈哈~我来帮你忙~~
页面大小变化内容排布 banner图片排布 登陆框和banner背景混合排布原创 2014-11-19 17:40:03 · 1783 阅读 · 3 评论 -
CSS Reset
CCSS Reset是什么?在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率。转载 2014-09-18 15:35:34 · 680 阅读 · 0 评论 -
新人不懂怎么下手?传说中的前端流程呐~~~
Web前端开发 流程 新人 Freshman。前端开发流程。 新人傻瓜教程。原创 2014-09-23 11:43:34 · 2233 阅读 · 2 评论