css颜色 | 易学教程

CSS背景属性彻底研究

阅读更多关于 CSS背景属性彻底研究

☆　背景颜色属性(background-color) 这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。 body {background-color:#99FF00;} 上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。 ☆　背景图片属性(background-image) 这个属性为HTML元素设定背景图片，相当于HTML中background属性。 <body style="background-image:url(../images/css_tutorials/background.jpg)"> 上面的代码为Body这个HTML元素设定了一个背景图片。 ☆　背景重复属性(background-repeat) 这个属性和background-image属性连在一起使用，决定背景图片是否重复。如果只设置background-image属性，没设置background-repeat属性，在缺省状态下，图片既横向重复，又竖向重复。 ·　repeat-x 背景图片横向重复 ·　repeat-y 背景图片竖向重复 ·　no-repeat 背景图片不重复 body {background-image:url(../images/css_tutorials/background.jpg); background-repeat:repeat-y}

CSS三大特性

阅读更多关于 CSS三大特性

CSS 三大特性层叠继承优先级是我们学习CSS 必须掌握的三个特性。 CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。就近原则一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。样式不冲突，不会层叠 CSS继承性所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，子元素可以继承父元素的样式（text-，font-，line-这些元素开头的都可以继承，以及color属性）。想要设置一个可继承的属性，只需将它应用于父元素即可。 CSS优先级定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。在考虑权重时，初学者还需要注意一些特殊的情况，具体如下：继承样式的权重为0。即在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，他的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。行内样式优先。应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100。总之

css中设置scroll的颜色

阅读更多关于 css中设置scroll的颜色

直接粘代码拉,这个仅仅适用于IE 转载请注明 http://netsos.cnblogs.com/ div { scrollbar-3dlight-color:#000000; scrollbar-highlight-color:#cccccc; scrollbar-face-color:#000000; scrollbar-arrow-color:#ffffff; scrollbar-shadow-color:#666666; scrollbar-darkshadow-color:#999999; scrollbar-track-color:#dddddd; height:100px; width:400px; padding:100px 0 0 0; border:1px solid #666666; overflow:scroll; } </ style > </ head > < body > < div > 这里是元素内容部分 这里是元素内容部分 这里是元素内容部分 这里是元素内容部分 这里是元素内容部分 这里是元素内容部分 这里是元素内容部分 这里是元素内容部分 </ div > </ body > 火狐的还没试呢，看看吧

css中 background设置

阅读更多关于 css中 background设置

css2 中有五个与背景相关的属性。它们是： background-color:完全填充背景的颜色 background-image:用作背景的图片 background-position:确定背景图片的位置 background-repeat:确定背景图片是否重复铺平 background-attachment:确定背景图片是否随页面滚动这些属性能够写在一个简单的属性中： background 。必须指出background负责元素内容部分的背景，包括padding和border，但不包括margin。在Firefox,Safari 和 Opera, 以及 IE8中是这样处理的。不过在IE7和万恶的IE6中就没包括border，区别就像下面的图片示例显示的那样。在 IE7 和IE6中 Background 没有包括border 基本属性 Background color属性 background-color用来描述设置填充背景的颜色。有多种方法来定义确定填充的颜色，下列方法都是等效的： background-color: rgb(0, 0,255); background-color:#0000ff; background-color 也能设置成transparent，这样就能让其下的元素显示出来。 Backgroundimage属性 background-image

background属性总结，background-image路径问题相对于css和js

阅读更多关于 background属性总结，background-image路径问题相对于css和js

（1）background属性总结 background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性：background-color规定要使用的背景颜色。background-position规定背景图像的位置。background-size规定背景图片的尺寸。background-repeat规定如何重复背景图像。background-origin规定背景图片的定位区域。 background-origin: padding-box|border-box|content-box;边框盒、内边距框、内容框。 background-clip规定背景的绘制区域。 background-clip: border-box|padding-box|content-box;边框盒、内边距框、内容框。 background-attachment规定背景图像是否固定或者随着页面的其余部分滚动。background-image规定要使用的背景图像。如果不设置其中的某个值，也不会出问题建议使用复合属性，background: #00FF00 url(bgimage.gif) no-repeat fixed top;在一个声明中设置所有的背景属性。而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。（2）background

PPone的html学习笔记001

阅读更多关于 PPone的html学习笔记001

html如何让标题居中通过css设置列如: h1{text-align:center} 就能让标题居中。如何调整hr水平线属性通过css设置列如： hr { border:0; (css默认hr属性是自带边框的) color:#36F;（注意这里设置的颜色属性并不能改变横线的颜色） background-color:#36F; (这里设置的颜色是背景色，能直接改变横线颜色) } 如何让图文显示呈现图左文右通过css设置列如： p {text-indent:2em; float:right; width:80%; } img {float:left; width:20%; } **若一开始没有设置宽度width，则图会在左上角，而文字则在下方，默认应该宽度都为100%，需要手动改一下。如何设置网页背景颜色在body这个标签里插入background color 比如说 Z-index属性定义z轴（决定图层是在一个图层上还是下），值大的在上，值小的在下。来源： CSDN 作者： PPone117 链接： https://blog.csdn.net/PPone117/article/details/103915328

前端设计网站推荐

阅读更多关于前端设计网站推荐

1、CSS禅意花园（ http://www.csszengarden.com/ ）这个网站以最有效、最优美的方式展示了CSS的最高境界，任何一个学习CSS的人都不应该错过对CSS禅意花园的研究。目前在csszengarden.com上收录了1000多个作品，它们都充分体现了设计师的丰富的创意。 2、前端观察（ www.qianduan.net ）一个纯粹的前端技术分享网站，目的是为前端技术人员提供所需的资讯及资源。 “向来中国的前端开发领域，就像一盘散沙一样，每个人每个站都各自为营，高手就像就像天空的星星一样多，但是他们的成就却很少广为传播，初学者却苦于在大海一样的设计中寻找自己的参考。” 3、网站配色（ http://www.colorhunter.com/ ）一个不错的配色网站。 4、Multicolr Search Lab( http://labs.ideeinc.com/multicolr ) 在右边的颜色格子里选一种颜色，他就会随即展示出Flickr 上以这种颜色为主色调的照片放在一起。这对前端设计收集特定颜色的图片素材很有用。 5、站酷（ http://www.zcool.com.cn/ ）一个很好的设计和素材分享网站，而且所有的资源都是免费的。来源： https://www.cnblogs.com/liaohua/archive/2010/06/03

css代码检查工具--cssLint

阅读更多关于 css代码检查工具--cssLint

微信公众号：前端程序猿之路关注可了解更多的前端知识，反馈问题或建议，请公众号留言。如果你觉得公众号内容对你有帮助，欢迎关注并转载 css代码检查工具–cssLint cssLint简介 CSSLint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题，使用方法很简单，只需要把 CSS 内容复制贴上，最后按下 LINT！按钮就可以检查。底下有一些设定项目可以调整检测的项目和规则，预设是全部勾取，如果没有特别的需求可以不用更动，完成之后 CSS Lint 会告诉使用者该样式表哪些部分发生问题，只要依照网站的指示修改就可以得到正确的css格式了为了避免开发过程中，因为css书写和使用出错导致不必要的麻烦，所以开发完都尽量使用cssLint检查一下官网链接 http://csslint.net/ https://www.w3cschool.cn/tools/index?name=csslint CSS Lint的检测规则有： 1. 盒模型(box-model) (1)当设定width的同时，还设置了border,border-left,border-right,padding,padding-left,padding-right中的任意一个，那么必须显示设置box-sizing (2)当设定height的同时，还设置了border,border-top,border

css基础

阅读更多关于 css基础

看看w3school css语法在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。 h1 {color:red; font-size:14px;} 选择器的分组你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h3,h4,h5,h6 { color: green; } 你希望列表中的 strong 元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器： li strong { font-style: italic; font-weight: normal; } 请注意标记为 的蓝色代码的上下文关系： 我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用 <ol> <li>我是斜体字。这是因为 strong 元素位于 li 元素内。</li> <li>我是正常的字体。</li> </ol> id 选择器以 "#" 来定义。下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色： #red {color:red;} #green {color

less学习笔记

阅读更多关于 less学习笔记

less基础内容使用@来声明变量 url 变量 /* Less */ @images: "../img";//需要加引号 body { background: url("@{images}/dog.png");//变量名必须使用大括号包裹 } /* 生成的 CSS */ body { background: url("../img/dog.png"); } 变量用于字符拼接使用方法： @className: box; @mainColor: #e92323; .@{className} { color: @mainColor; } 等价于 .box{ color: #e92323; } 嵌套使用： &，当需要连接时使用&，代表上层选择器的名字，如： .class { &:hover{ cursor: pointer; } img { ... } } 此时 &:hover 等同于 .class:hover{} ; 此时 img 等同于 .class img{} ; 媒体查询 @media .container{ width: 750px; @media screen { @media (max-width: 768px){ background-color: red; } } @media tv { background-color: yellow; } } 等同于 @media

订阅 css颜色