背景透明,文字不透明的CSS代码

1.背景透明，文字不透明的CSS代码

.con{ text-align:left; width:500px; height:400px; margin:0px auto;

padding:100px 50px;

background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/

filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/}

CSS颜色代码大全

CSS颜色代码大全转载▼ CSS颜色代码大全

顏色名稱代碼顏色 maroon #800000 darkred #8B0000 brown #A52A2A firebrick #B22222 crimson #DC143C red #FF0000 桃紅~紛紅顏色名稱代碼顏色 mediumvioletred #C71585 palevioletred #D87093 deeppink #FF1493 fuchsia(magenta) #FF00FF hotpink #FF69B4 pink #FFC0CB lightpink #FFB6C1 mistyrose #FFE4E1 lavenderblush #FFF0F5 紫顏色名稱代碼顏色 indigo #4B0082 purple #800080

darkmagenta #8B008B darkorchid #9932CC blueviolet #8A2BE2 darkviolet #9400D3 slateblue #6A5ACD mediumpurple #9370DB mediumslateblue #7B68EE mediumorchid #BA55D3 violet #EE82EE plum #DDA0DD thistle #D8BFD8 lavender #E6E6FA 褐~橘~米白顏色名稱代碼顏色 saddlebrown #8B4513 s IE nna #A0522D chocolate #D2691E indianred #CD5C5C rosybrown #BC8F8F lightcorol #F08080 salmon #FA8072 lightsalmon #FFA07A orangered #FF4500 tomato #FF6347 coral #FF7F50 darkorange #FF8C00 sandybrown #F4A460 peru #CD853F tan #D2B48C burlywood #DEB887 wheat #F5DEB3 moccasin #FFE4B5 navajowhite #FFDEAD peachpuff #FFDAB9 bisque #FFE4C4 antuquewhite #FAEBD7

html,表格边框透明

竭诚为您提供优质文档/双击可除 html,表格边框透明篇一：html的table边框技巧-html表格table边框样式美化运用css语法美化表格table注：除非特殊声明，本文所举各例插入的表格的cellspacing、cellpadding、border 值均为0。例一：1px表格很多人热衷于制作1px表格，于是发明了各式各样的方法，用css做起来可就灵活的多。如果要制作一个1x1的1px表格只要简单定义一下边框值就可以了。我们首先用dreamweaver插入一个1x1表格，宽度为50，然后在该表格table或者td中定义border:1solidteal,所做的表格的效果如下：但是要制作一个非1x1的表格（如2x2）就稍微麻烦些，因为如果直接定义td样式 border:1solidteal，则显示的效果如下：你会发现表格外框为1px，而里面则变成了2px了，这是由于叠加的原因。为了解决这么问题我们可以这样做：首先为td定义样式：border:#cc0000solid;border-width:0110,这样表格表现为：然后再为table定义样式:border:#cc0000solid;border-width:1001,这样就可做

作成一个完整的1px表格了。例二：粗边框的1px表格此表格的内格线为1px而外边框为3px，有了例一的基础做起来就不难了，只要修改border-width值就行了。对table所使用的样式的代码是： border:bluesolid;border-width:3223对td所使用的样式的代码是：border:bluesolid;border-width:0110例三：虚线框表格做法和例一类似，border-style从solid改为dashed。对table所使用的样式的代码是： border:blackdashed;border-width:1001对td所使用的样式的代码是：border:blackdashed;border-width:0110例四：点线边框表格注意点线（dotted）的最小象素为2。对table 所使用的样式的代码是： border:greendotted;border-width:20xx对td所使用的样式的代码是：border:greendotted;border-width:0220例五：双线边框表格注意双线（double）的最小象素为3。对table 所使用的样式的代码是：border:teal4double对td所使用的样式的代码是：border:teal1solid例六：outset外框表格对table所使用的样式的代码是：border:3outset对 td所使用的样式的代码是：border:1solid例七：inset外框表格对table所使用的样式的代码是：border:3inset对 td所使用的样式的代码是：border:1solid例八：ridge外

前端规范CSS规范

来源：NEJ-更好的JS解决方案搬运工：陈晓勉 CSS规范- 分类方法 CSS文件的分类和引用顺序通常，一个项目我们只引用一个CSS，但是对于较大的项目，我们需要把CSS文件进行分类。我们按照CSS的性质和用途，将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”，并以此顺序引用（按需求决定是否添加版本号）。 1.公共型样式：包括了以下几个部分：“标签的重置和设置默认值”、“统一调用背景图和清除浮动或其他需统一处理的长样式”、“网站通用布局”、“通用模块和其扩展”、“元件和其扩展”、“功能类样式”、“皮肤类样式”。 2.特殊型样式：当某个栏目或页面的样式与网站整体差异较大或者维护率较高时，可以独立引用一个样式：“特殊的布局、模块和元件及扩展”、“特殊的功能、颜色和背景”，也可以是某个大型控件或模块的独立样式。 3.皮肤型样式：如果产品需要换肤功能，那么我们需要将颜色、背景等抽离出来放在这里。 CSS内部的分类及其顺序 1.重置（reset）和默认（base）（tags）：消除默认样式和浏览器差异，并设置部分标签的初始样式，以减少后面的重复劳动！你可以根据你的网站需求设置！ 2.统一处理：建议在这个位置统一调用背景图（这里指多个布局或模块或元件共用的图）和清除浮动（这里指通用性较高的布局、模块、元件内的清除）等统一设置处理的样式！ 3.布局（grid）：将页面分割为几个大块，通常有头部、主体、主栏、侧栏、尾部等！ 4.模块（module）：通常是一个语义化的可以重复使用的较大的整体！比如导航、登录、注册、各种列表、评论、搜索等！ 5.元件（unit）：通常是一个不可再分的较为小巧的个体，通常被重复用于各种模块中！比如按钮、输入框、loading、图标等！

CSS属性代码大全

CSS属性代码大全一、CSS文字属性： color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白： padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白三、CSS符号属性： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/

HTML期末复习题含答案

HTML期末复习题（含答案）单选题（1）WWW是万维网的意思。答案：B A．网页B．万维网C．浏览器D．超文本传输协议（2）在网页中显示特殊字符，如果要输入“<”，应使用_<________。答案：D A．lt; B．≪ C．< D．< （3）以下有关列表的说法中，错误的是：。答案：D A．有序列表和无序列表可以互相嵌套。 B．指定嵌套列表时，也可以具体指定项目符号或编号样式。 C．无序列表应使用UL 和LI 标记符进行创建。 D．在创建列表时，LI 标记符的结束标记符不可省略。（4）以下关于FONT标记符的说法中，错误的是：答案：D A．可以使用color 属性指定文字颜色。 B．可以使用size 属性指定文字大小（也就是字号）。 C．指定字号时可以使用1~7 的数字。 D．语句这里是2号字将使文字以2号字显示。（5）以下关于JPEG图像格式中，错误的是：答案：B A．适合表现真彩色的照片。 B．最多可以指定1024种颜色。 C．不能设置透明度。 D．可以控制压缩比例。（6）如果要在表单里创建一个普通文本框，以下写法中正确的是：。答案：A A． B． C． D．（7）以下有关表单的说明中，错误的是：。答案：C A．表单通常用于搜集用户信息。 B．在FORM 标记符中使用action 属性指定表单处理程序的位置。 C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。 D．在FORM 标记符中使用method 属性指定提交表单数据的方法。（8）在指定单选框时，只有将以下属性的值指定为相同，才能使它们成为一组。答案：B A．type B．name C．value D．checked （9）创建选项菜单应使用以下标记符：。答案：A A．SELECT 和OPTION B．INPUT 和LABEL C．INPUT D．INPUT 和OPTION （10）以下有关按钮的说法中，错误的是：。答案：B A．可以用图像作为提交按钮。

Html网页字体颜色代码大全

Html网页字体颜色代码大全好多人找html网页字体颜色都要去PS或者fireworks里面对照看下，那样太麻烦了，我给大家总结出一些用于Html网页文字颜色的代码，以免在去大家软件看看是什么颜色，html网页的代码太多了，我找的这些都是基本常用的字体颜色吧！也记录给我自己用的，以后就不会在去软件里面看下到底用哪种文字代码，希望大家喜欢!至于怎么详细的操作就不用我给大家说了吧！呵呵，喜欢的话大家赶快搜藏起来吧！以免用的时候方面喔！看看是不是大全啊? 输入文字颜色代码大全： 1 白颜色 #FFFFFF 2 红颜色 #FF0000 3 绿颜色 #00FF00 4 蓝颜色 #0000FF 5 牡丹红 #FF00FF 6 青颜色 #00FFFF 7 黄颜色 #FFFF00 8 黑颜色 #000000 9 海颜蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642 13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323 38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70 41 灰色 #C0C0C0 42 铜绿色 #527F76 43 青黄色 #93DB70 44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F 47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD

HTML5+CSS3网页美化与布局单元3 网页图片与背景的美化与布局

单元3网页图片与背景的美化与布局在网页中恰当地使用图像，能够充分展现网页的主题，吸引浏览者的眼球。图像能美化网页、增强视觉效果，使网页锦上添花。将适当的图像与文字有效地组合，实现图文混排，丰富页面内容，提高网页的美感。【知识预览】 1．HTML5中常用的图片标签（1）标签标签用于向网页中嵌入一幅图像。标签创建的是被引用图像的占位空间。标签有两个必需的属性：src属性和alt属性。（2）

标签和

标签

标签表示一段独立的流内容（图像、图表、照片、代码等），一般表示文档主体流内容中的一个独立单元，figure元素的内容应该与主内容相关。

标签用于定义

元素的标题，“figcaption”元素应该被置于“figure”元素的第一个或最后一个子元素的位置。 2．CSS的背景设置与定位（1）背景色的设置 CSS允许应用纯色作为背景，可以使用background-color属性为元素设置背景色，这个属性接受任何合法的颜色值。background-color属性用于设置元素的背景颜色，其取值为指定的颜色或transparent，默认值为transparent，即为透明色。可以为网页中的任何元素设置背景颜色，也可以为HTML的标签设置背景颜色。（2）背景图像的设置在CSS3之前，背景图片的尺寸是由图片的实际尺寸决定的。在CSS3中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。可以以像素或百分比规定尺寸，如果以百分比规定尺寸，那么尺寸相对于父元素的宽度和高度。 ①background-image background-image属性用于定义对象的背景图像，当背景图像与背景颜色（background-color）同时被定义时，背景图像覆盖于背景颜色之上。其取值可以为none （无背景图像）或者为图像地址，可以使用绝对或相对地址指定背景图像。 ②background-size background-size属性用于定义背景图像的尺寸，其属性值可以为数值或者auto，也可以是percentage、cover和contain。如果属性值为数值或者auto，用于设置背景图像的高度和宽度，第1个值设置背景图的宽度，第2个值设置背景图的高度，其单位可以为像素（px）或者百分比（%），如果只设置1个值，则第2个值会被设置为"auto"。如果属性值为percentage，则width和height是针对于背景区域，不是背景图像大小。以父元素的百分比来设置背景图像的宽度和高度，同样第1个值设置宽度，第2个值设置高度。如果只设置1个值，则第2个值会被设置为"auto"。

CSS代码示例

CSS样式 style样式写在与之间 1.内嵌样式：

这个内嵌样式(Inline Style)定义段落里面的文字是20pt字体，字体颜色是红色。

这段文字没有使用内嵌样式。 2.内部样式表：

这个标题使用了Style。

这个标题没有使用Style。

3.外部样式表：

这个标题使用了Style。

这个标题没有使用Style。

4.通用样式表： Generic Class Selector

这个标题居中显示。

这个段落居中显示。

网页颜色选择器 - 颜色代码对照表

网页颜色选择器- 颜色代码对照表用法：点击你需要的颜色，屏幕就会呈现出效果，并显示出颜色的名称和颜色数值使用方法:把代码复制到记事本中,再把.txt保存为.html格式或.mht格式就可以了是制作网页时的好帮手

网页颜色选择器- 颜色代码对照表