前端开发常用字体颜色

最新推荐文章于 2023-05-31 11:34:10 发布
最新推荐文章于 2023-05-31 11:34:10 发布
阅读量2.1k 收藏 3
点赞数
文章标签： 前端 ViewUI
aliceblue:艾利斯兰ColorValue = "#F0F8FF";
antiquewhite:古董白ColorValue = "#FAEBD7";
aqua:浅绿色ColorValue = "#00FFFF";
aquamarine:碧绿色ColorValue = "#7FFFD4";
azure:天蓝色ColorValue = "#F0FFFF";
beige:米色ColorValue = "#F5F5DC";
bisque:桔黄色ColorValue = "#FFE4C4";
black:黑色ColorValue = "#000000";
blanchedalmond:白杏色ColorValue = "#FFEBCD";
blue:蓝色ColorValue = "#0000FF";
blueviolet:紫罗兰色ColorValue = "#8A2BE2";
brown:褐色ColorValue = "#A52A2A";
burlywood:实木色ColorValue = "#DEB887";
cadetblue:军兰色ColorValue = "#5F9EA0";
chartreuse:黄绿色ColorValue = "#7FFF00";
chocolate:巧可力色ColorValue = "#D2691E";
coral:珊瑚色ColorValue = "#FF7F50";
cornflowerblue:菊兰色ColorValue = "#6495ED";
cornsilk:米绸色ColorValue = "#FFF8DC";
crimson:暗深红色ColorValue = "#DC143C";
cyan:青色ColorValue = "#00FFFF";
darkblue:暗蓝色ColorValue = "#00008B";
darkcyan:暗青色ColorValue = "#008B8B";
darkgoldenrod:暗金黄色ColorValue = "#B8860B";
darkgray:暗灰色ColorValue = "#A9A9A9";
darkgreen:暗绿色ColorValue = "#006400";
darkkhaki:暗黄褐色ColorValue = "#BDB76B";
darkmagenta:暗洋红ColorValue = "#8B008B";
darkolivegreen:暗橄榄绿ColorValue = "#556B2F";
darkorange:暗桔黄色ColorValue = "#FF8C00";
darkorchid:暗紫色ColorValue = "#9932CC";
darkred:暗红色ColorValue = "#8B0000";
darksalmon:暗肉色ColorValue = "#E9967A";
darkseagreen:暗海兰色ColorValue = "#8FBC8F";
darkslateblue:暗灰蓝色ColorValue = "#483D8B";
darkslategray:墨绿色ColorValue = "#2F4F4F";
darkturquoise:暗宝石绿ColorValue = "#00CED1";
darkviolet:暗紫罗兰色ColorValue = "#9400D3";
deeppink:深粉红色ColorValue = "#FF1493";
deepskyblue:深天蓝色ColorValue = "#00BFFF";
dimgray:暗灰色ColorValue = "#696969";
dodgerblue:闪兰色ColorValue = "#1E90FF";
firebrick:火砖色ColorValue = "#B22222";
floralwhite:花白色ColorValue = "#FFFAF0";
forestgreen:森林绿ColorValue = "#228B22";
fuchsia:紫红色ColorValue = "#FF00FF";
gainsboro:淡灰色ColorValue = "#DCDCDC";
ghostwhite:幽灵白ColorValue = "#F8F8FF";
gold:金色ColorValue = "#FFD700";
goldenrod:金麒麟色ColorValue = "#DAA520";
gray:灰色ColorValue = "#808080";
green:绿色ColorValue = "#008000";
greenyellow:黄绿色ColorValue = "#ADFF2F";
honeydew:蜜色ColorValue = "#F0FFF0";
hotpink:热粉红色ColorValue = "#FF69B4";
indianred:印第安红ColorValue = "#CD5C5C";
indigo:靛青色ColorValue = "#4B0082";
ivory:象牙色ColorValue = "#FFFFF0";
khaki:黄褐色ColorValue = "#F0E68C";
lavender:淡紫色ColorValue = "#E6E6FA";
lavenderblush:淡紫红ColorValue = "#FFF0F5";
lawngreen:草绿色ColorValue = "#7CFC00";
lemonchiffon:柠檬绸色ColorValue = "#FFFACD";
lightblue:亮蓝色ColorValue = "#ADD8E6";
lightcoral:亮珊瑚色ColorValue = "#F08080";
lightcyan:亮青色ColorValue = "#E0FFFF";
lightgoldenrodyellow:亮金黄色ColorValue = "#FAFAD2";
lightgreen:亮绿色ColorValue = "#90EE90";
lightgrey:亮灰色ColorValue = "#D3D3D3";
lightpink:亮粉红色ColorValue = "#FFB6C1";
lightsalmon:亮肉色ColorValue = "#FFA07A";
lightseagreen:亮海蓝色ColorValue = "#20B2AA";
lightskyblue:亮天蓝色ColorValue = "#87CEFA";
lightslategray:亮蓝灰ColorValue = "#778899";
lightsteelblue:亮钢兰色ColorValue = "#B0C4DE";
lightyellow:亮黄色ColorValue = "#FFFFE0";
lime:酸橙色ColorValue = "#00FF00";
limegreen:橙绿以ColorValue = "#32CD32";
linen:亚麻色ColorValue = "#FAF0E6";
magenta:红紫色ColorValue = "#FF00FF";
maroon:粟色ColorValue = "#800000";
mediumaquamarine:间绿色ColorValue = "#66CDAA";
mediumblue:间兰色ColorValue = "#0000CD";
mediumorchid:间紫色ColorValue = "#BA55D3";
mediumpurple:间紫色ColorValue = "#9370DB";
mediumseagreen:间海蓝ColorValue = "#3CB371";
mediumslateblue:间暗蓝色ColorValue = "#7B68EE";
mediumspringgreen:间春绿色ColorValue = "#00FA9A";
mediumturquoise:间绿宝石ColorValue = "#48D1CC";
mediumvioletred:间紫罗兰色ColorValue = "#C71585";
midnightblue:中灰兰色ColorValue = "#191970";
mintcream:薄荷色ColorValue = "#F5FFFA";
mistyrose:浅玫瑰色ColorValue = "#FFE4E1";
moccasin:鹿皮色ColorValue = "#FFE4B5";
navajowhite:纳瓦白ColorValue = "#FFDEAD";
navy:海军色ColorValue = "#000080";
oldlace:老花色ColorValue = "#FDF5E6";
olive:橄榄色ColorValue = "#808000";
olivedrab:深绿褐色ColorValue = "#6B8E23";
orange:橙色ColorValue = "#FFA500";
orangered:红橙色ColorValue = "#FF4500";
orchid:淡紫色ColorValue = "#DA70D6";
palegoldenrod:苍麒麟色ColorValue = "#EEE8AA";
palegreen:苍绿色ColorValue = "#98FB98";
paleturquoise:苍宝石绿ColorValue = "#AFEEEE";
palevioletred:苍紫罗兰色ColorValue = "#DB7093";
papayawhip:番木色ColorValue = "#FFEFD5";
peachpuff:桃色ColorValue = "#FFDAB9";
peru:秘鲁色ColorValue = "#CD853F";
pink:粉红色ColorValue = "#FFC0CB";
plum:洋李色ColorValue = "#DDA0DD";
powderblue:粉蓝色ColorValue = "#B0E0E6";
purple:紫色ColorValue = "#800080";
red:红色ColorValue = "#FF0000";
rosybrown:褐玫瑰红ColorValue = "#BC8F8F";
royalblue:皇家蓝ColorValue = "#4169E1";
saddlebrown:重褐色ColorValue = "#8B4513";
salmon:鲜肉色ColorValue = "#FA8072";
sandybrown:沙褐色ColorValue = "#F4A460";
seagreen:海绿色ColorValue = "#2E8B57";
seashell:海贝色ColorValue = "#FFF5EE";
sienna:赭色ColorValue = "#A0522D";
silver:银色ColorValue = "#C0C0C0";
skyblue:天蓝色ColorValue = "#87CEEB";
slateblue:石蓝色ColorValue = "#6A5ACD";
slategray:灰石色ColorValue = "#708090";
snow:雪白色ColorValue = "#FFFAFA";
springgreen:春绿色ColorValue = "#00FF7F";
steelblue:钢兰色ColorValue = "#4682B4";
tan:茶色ColorValue = "#D2B48C";
teal:水鸭色ColorValue = "#008080";
thistle:蓟色ColorValue = "#D8BFD8";
tomato:西红柿色ColorValue = "#FF6347";
turquoise:青绿色ColorValue = "#40E0D0";
violet:紫罗兰色ColorValue = "#EE82EE";
wheat:浅黄色ColorValue = "#F5DEB3";
white:白色ColorValue = "#FFFFFF";
whitesmoke:烟白色ColorValue = "#F5F5F5";
yellow:黄色ColorValue = "#FFFF00";
yellowgreen:黄绿色ColorValue = "#9ACD32";

aliceblue:艾利斯兰ColorValue = "#F0F8FF";
antiquewhite:古董白ColorValue = "#FAEBD7";
aqua:浅绿色ColorValue = "#00FFFF";
aquamarine:碧绿色ColorValue = "#7FFFD4";
azure:天蓝色ColorValue = "#F0FFFF";
beige:米色ColorValue = "#F5F5DC";
bisque:桔黄色ColorValue = "#FFE4C4";
black:黑色ColorValue = "#000000";
blanchedalmond:白杏色ColorValue = "#FFEBCD";
blue:蓝色ColorValue = "#0000FF";
blueviolet:紫罗兰色ColorValue = "#8A2BE2";
brown:褐色ColorValue = "#A52A2A";
burlywood:实木色ColorValue = "#DEB887";
cadetblue:军兰色ColorValue = "#5F9EA0";
chartreuse:黄绿色ColorValue = "#7FFF00";
chocolate:巧可力色ColorValue = "#D2691E";
coral:珊瑚色ColorValue = "#FF7F50";
cornflowerblue:菊兰色ColorValue = "#6495ED";
cornsilk:米绸色ColorValue = "#FFF8DC";
crimson:暗深红色ColorValue = "#DC143C";
cyan:青色ColorValue = "#00FFFF";
darkblue:暗蓝色ColorValue = "#00008B";
darkcyan:暗青色ColorValue = "#008B8B";
darkgoldenrod:暗金黄色ColorValue = "#B8860B";
darkgray:暗灰色ColorValue = "#A9A9A9";
darkgreen:暗绿色ColorValue = "#006400";
darkkhaki:暗黄褐色ColorValue = "#BDB76B";
darkmagenta:暗洋红ColorValue = "#8B008B";
darkolivegreen:暗橄榄绿ColorValue = "#556B2F";
darkorange:暗桔黄色ColorValue = "#FF8C00";
darkorchid:暗紫色ColorValue = "#9932CC";
darkred:暗红色ColorValue = "#8B0000";
darksalmon:暗肉色ColorValue = "#E9967A";
darkseagreen:暗海兰色ColorValue = "#8FBC8F";
darkslateblue:暗灰蓝色ColorValue = "#483D8B";
darkslategray:墨绿色ColorValue = "#2F4F4F";
darkturquoise:暗宝石绿ColorValue = "#00CED1";
darkviolet:暗紫罗兰色ColorValue = "#9400D3";
deeppink:深粉红色ColorValue = "#FF1493";
deepskyblue:深天蓝色ColorValue = "#00BFFF";
dimgray:暗灰色ColorValue = "#696969";
dodgerblue:闪兰色ColorValue = "#1E90FF";
firebrick:火砖色ColorValue = "#B22222";
floralwhite:花白色ColorValue = "#FFFAF0";
forestgreen:森林绿ColorValue = "#228B22";
fuchsia:紫红色ColorValue = "#FF00FF";
gainsboro:淡灰色ColorValue = "#DCDCDC";
ghostwhite:幽灵白ColorValue = "#F8F8FF";
gold:金色ColorValue = "#FFD700";
goldenrod:金麒麟色ColorValue = "#DAA520";
gray:灰色ColorValue = "#808080";
green:绿色ColorValue = "#008000";
greenyellow:黄绿色ColorValue = "#ADFF2F";
honeydew:蜜色ColorValue = "#F0FFF0";
hotpink:热粉红色ColorValue = "#FF69B4";
indianred:印第安红ColorValue = "#CD5C5C";
indigo:靛青色ColorValue = "#4B0082";
ivory:象牙色ColorValue = "#FFFFF0";
khaki:黄褐色ColorValue = "#F0E68C";
lavender:淡紫色ColorValue = "#E6E6FA";
lavenderblush:淡紫红ColorValue = "#FFF0F5";
lawngreen:草绿色ColorValue = "#7CFC00";
lemonchiffon:柠檬绸色ColorValue = "#FFFACD";
lightblue:亮蓝色ColorValue = "#ADD8E6";
lightcoral:亮珊瑚色ColorValue = "#F08080";
lightcyan:亮青色ColorValue = "#E0FFFF";
lightgoldenrodyellow:亮金黄色ColorValue = "#FAFAD2";
lightgreen:亮绿色ColorValue = "#90EE90";
lightgrey:亮灰色ColorValue = "#D3D3D3";
lightpink:亮粉红色ColorValue = "#FFB6C1";
lightsalmon:亮肉色ColorValue = "#FFA07A";
lightseagreen:亮海蓝色ColorValue = "#20B2AA";
lightskyblue:亮天蓝色ColorValue = "#87CEFA";
lightslategray:亮蓝灰ColorValue = "#778899";
lightsteelblue:亮钢兰色ColorValue = "#B0C4DE";
lightyellow:亮黄色ColorValue = "#FFFFE0";
lime:酸橙色ColorValue = "#00FF00";
limegreen:橙绿以ColorValue = "#32CD32";
linen:亚麻色ColorValue = "#FAF0E6";
magenta:红紫色ColorValue = "#FF00FF";
maroon:粟色ColorValue = "#800000";
mediumaquamarine:间绿色ColorValue = "#66CDAA";
mediumblue:间兰色ColorValue = "#0000CD";
mediumorchid:间紫色ColorValue = "#BA55D3";
mediumpurple:间紫色ColorValue = "#9370DB";
mediumseagreen:间海蓝ColorValue = "#3CB371";
mediumslateblue:间暗蓝色ColorValue = "#7B68EE";
mediumspringgreen:间春绿色ColorValue = "#00FA9A";
mediumturquoise:间绿宝石ColorValue = "#48D1CC";
mediumvioletred:间紫罗兰色ColorValue = "#C71585";
midnightblue:中灰兰色ColorValue = "#191970";
mintcream:薄荷色ColorValue = "#F5FFFA";
mistyrose:浅玫瑰色ColorValue = "#FFE4E1";
moccasin:鹿皮色ColorValue = "#FFE4B5";
navajowhite:纳瓦白ColorValue = "#FFDEAD";
navy:海军色ColorValue = "#000080";
oldlace:老花色ColorValue = "#FDF5E6";
olive:橄榄色ColorValue = "#808000";
olivedrab:深绿褐色ColorValue = "#6B8E23";
orange:橙色ColorValue = "#FFA500";
orangered:红橙色ColorValue = "#FF4500";
orchid:淡紫色ColorValue = "#DA70D6";
palegoldenrod:苍麒麟色ColorValue = "#EEE8AA";
palegreen:苍绿色ColorValue = "#98FB98";
paleturquoise:苍宝石绿ColorValue = "#AFEEEE";
palevioletred:苍紫罗兰色ColorValue = "#DB7093";
papayawhip:番木色ColorValue = "#FFEFD5";
peachpuff:桃色ColorValue = "#FFDAB9";
peru:秘鲁色ColorValue = "#CD853F";
pink:粉红色ColorValue = "#FFC0CB";
plum:洋李色ColorValue = "#DDA0DD";
powderblue:粉蓝色ColorValue = "#B0E0E6";
purple:紫色ColorValue = "#800080";
red:红色ColorValue = "#FF0000";
rosybrown:褐玫瑰红ColorValue = "#BC8F8F";
royalblue:皇家蓝ColorValue = "#4169E1";
saddlebrown:重褐色ColorValue = "#8B4513";
salmon:鲜肉色ColorValue = "#FA8072";
sandybrown:沙褐色ColorValue = "#F4A460";
seagreen:海绿色ColorValue = "#2E8B57";
seashell:海贝色ColorValue = "#FFF5EE";
sienna:赭色ColorValue = "#A0522D";
silver:银色ColorValue = "#C0C0C0";
skyblue:天蓝色ColorValue = "#87CEEB";
slateblue:石蓝色ColorValue = "#6A5ACD";
slategray:灰石色ColorValue = "#708090";
snow:雪白色ColorValue = "#FFFAFA";
springgreen:春绿色ColorValue = "#00FF7F";
steelblue:钢兰色ColorValue = "#4682B4";
tan:茶色ColorValue = "#D2B48C";
teal:水鸭色ColorValue = "#008080";
thistle:蓟色ColorValue = "#D8BFD8";
tomato:西红柿色ColorValue = "#FF6347";
turquoise:青绿色ColorValue = "#40E0D0";
violet:紫罗兰色ColorValue = "#EE82EE";
wheat:浅黄色ColorValue = "#F5DEB3";
white:白色ColorValue = "#FFFFFF";
whitesmoke:烟白色ColorValue = "#F5F5F5";
yellow:黄色ColorValue = "#FFFF00";
yellowgreen:黄绿色ColorValue = "#9ACD32";
iteye_16452
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义控件字体颜色的资源
07-01
自定义控件字体颜色 自定义控件字体颜色 自定义控件字体颜色 自定义控件字体颜色
Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt
07-30
1.复合选择器 （1）后代选择器（包含选择器 重要） 语法： 元素1 元素2 {样式声明} 选择器1 选择器2{ 属性：属性值 } 元素1和元素2用空格隔开 元素1父亲 元素2后代 最终改变的是后代（元素2）的样式 选择器可以是任意的基础选择器 （2）子元素选择器（子选择器 重要） 语法 元素1>元素2{样式声明} 元素1和元素2用>隔开 元素1和元素2是父子关系 只选择父元素最近一级的子元素 即必须是亲儿子 选择器1 选择器2可以是任意基础选择器 （3）并集选择器（重要） 可以选择多组标签 定义相同样式 通常用于集体声明 语法 元素1， 元素2{样式声明} 元素1和元素2都改了样式 逗号，为和的意思 任何选择器都可以作为并集选择器 约定的语法规范：并集选择器约定竖着写 最后一个选择器不需要加逗号， （4）交集选择器 语法 选择器1选择器2选择器3{ 属性： 属性值； } 用选择器1选择元素集合A，用选择器2在A中选择元素 标签名只能写在前面并且只能有一个标签 （5）伪类选择器（只用于链接 用：表示） a:link 未访问过的链接 a:visitied 已访问过的链接 a:hover 选择鼠标经过的链接/悬停时链接 a:active 选择的是鼠标正在按下没有弹起的链接 注意：按照LVHA的顺序写 链接在浏览器中有默认样式 所以一般需要单独指定 （6）焦点选择器（对input标签） 用于选取获得焦点（光标选中）的表单元素 语法 表单元素：focus{ 属性： 属性值； } 注意： 表单元素最常用的是input 在input框选中时显示的样式 2.css的元素显示模式 html元素一般分为块元素和行内元素 （1）块级元素 div p h1-h6 ul ol li ①独占一行 ②宽度 高度 外边距 内边距都可控制 ③宽度默认是容器（父级元素）100%的宽度 ④是一个容器及盒子 里面看可以放行内或块级元素 ⑤文字类的元素如p h1-h6里面不能放块级元素 尤其是div （2）行内元素 a strong b em i del s ins u span ①相邻行内元素在一行上，一行可以显示多个 ②宽高直接设置是无效的 ③默认宽度就是他本身内容的宽度 ④行内元素只能容纳文本或其他行内元素 ⑤链接（a标签）里面不能再放链接 但可以放块级元素 比如图片 （3）行内块元素 img input td ①一行上可以有多个行内块元素 中间有空隙（行内元素特点） ②默认宽度就是他本身内容的宽度（行内元素特点） ③宽高 高度 外边距 内边距可以控制（块级元素特点） 元素显示模式的转换 （1）行内元素转块级元素 display：block；√ （2）块级元素转换为行内元素 display：inline； （3）行内块 元素 display：inline-block√、 单行文字垂直居中 文字的行高line-height=盒子高度 仅限于单行文字垂直居中 3.css的背景属性 （1）背景颜色 选择器{ background-color： transparent透明（透明）/color； } （2）背景图片（便于控制位置） 常用于logo 装饰性的小图片或者超大图片 background-image： none（默认） | url（图片地址/路径）; （3）背景平铺 background-repate: repate（默认） | no-repate | repate-x（沿x轴/横向平铺） | repate-y（沿y轴/纵向平铺）; 注意： 页面元素既可以添加背景颜色 也可以添加背景图片 只不过背景图片在背景颜色上方 即背景图片会压住背景颜色 （4）背景图片的位置 background-position: x y; ①参数是方位名词 top | center | bottom | left | center | right 方位名词 x（ left | center | right） y（top | center | bottom） background-position: 水平 垂直; background-position: center top ; background-position: top center ; 指定两个方位名词时 与顺序无关 指定一个方位名词时 没有指定的那个默认是居中对齐 ②参数是精确单位 前面x 后面y 顺序不可变 若第一个是精确单位 一定是x 则另一个垂直居中 ③混合单位 有顺序要求 第一个为x 第二个为y （5）背景固定 background-attachment: scroll | fixed ; （6）背景复合写法 background：颜色 图片地址url 平铺 滚动 位置 没有顺序要求 （7）背景色半透明 background：rgba（0,0,0,0.3）取值0-1 0.3也可以写成.3 背景色半透明 盒子里面内容不受影响
word文档前端预览
06-04
本资源，通过前端引入js插件，可以进行本地word文档的预览，并且也通过服务器加载文档进行word文档预览
毕设前端部分毕设前端部分.rar
06-26
第一，HTML HTML是超文本标记语言，是前端页面的基础语言，用于创建网页结构和内容。HTML使用标签来定义不同的内容，如段落、标题、列表等。HTML语言容易学习，且与其他语言的结合使用，可以实现更多的页面效果。因此，HTML是前端开发的必备技能之一。 第二，CSS CSS是层叠样式表，用于定义HTML页面的样式和布局。通过CSS，可以让页面更加美观、易读和易用。CSS使用选择器和样式规则来控制元素的外观，如字体、颜色、背景、边框等。CSS还可以通过响应式设计使页面在不同设备上自适应，提高用户体验。因此，CSS是前端开发的另一个重要技能。 第三，JavaScript JavaScript是一种动态性强的脚本语言，用于解决网页的交互性问题。JavaScript可以通过操作DOM（文档对象模型）来改变页面元素的状态，实现页面与用户的交互。同时，JavaScript可以处理表单验证、动画效果、浏览器事件、AJAX请求等问题，提高用户体验。因此，JavaScript是前端开发的不可或缺的技能。
前端css+html+布局笔记
09-14
详尽的前端笔记，包含html和css部分，由xmind8做的笔记。css部分:编写的位置 1.内联样式 将样式编写到标签的style属性中 <p style="color:red;"></p> 这种样式只会对当前标签起作用，不能对样式进行复用，不方便后期维护，不推荐使用 2.内部样式表 将样式表编写到head中的style标签中 <style type="text/css"></style> 使用内部样式表，进一步将表现和结构分离，可以同时为多个元素设置样式，方便后期的维护 3.外部样式表 将样式表编写到外部的CSS文件中，然后通过link标签将外部文件引入 <link rel="stylesheet" type="text/css" href="文件的路径"/> 将样式编写到外部样式表中，可以在不同的页面中使用同一个样式表，完全将表现和结构分离，方便后期的维护，推荐使用的方式 编写的位置 1.内联样式 将样式编写到标签的style属性中 <p style="color:red;"></p> 这种样式只会对当前标签起作用，不能对样式进行复用，不方便后期维护，不推荐使用 2.内部样式表 将样式表编写到head中的style标签中 <style type="text/css"></style> 使用内部样式表，进一步将表现和结构分离，可以同时为多个元素设置样式，方便后期的维护 3.外部样式表 将样式表编写到外部的CSS文件中，然后通过link标签将外部文件引入 <link rel="stylesheet" type="text/css" href="文件的路径"/> 将样式编写到外部样式表中，可以在不同的页面中使用同一个样式表，完全将表现和结构分离，方便后期的维护，推荐使用的方式 基本语法 选择器 通过选择器可以选中页面中的一组元素，然后为其设置样式 元素选择器 根据标签名，选中页面中的指定元素 语法：标签名{ } 例子： div{} p{} h1{} id选择器 根据元素的id属性值选中一个唯一的元素 语法：#id {} 例子： #box1{} #hello{} 类选择器 根据元素的class属性值，选中一组元素 语法：.class{} 例子： .hello{} .box{} 通配选择器 选中页面中的所有元素 语法：*{} 通配选择器的性能比较差，尽量避免使用 并集选择器 可以同时选中符合多个选择器的元素 语法：选择器1,选择器2,选择器N{} 例子： div,p,#box,.hello{} 交集选择器 可以选中满足多个条件的元素 语法：选择器1选择器2选择器N{} 例子：p.hello{} 后代元素选择器 选中指定元素的指定后代元素 语法：祖先元素 后代元素{} 例子： div span {} div p{} 子元素选择器 选中指定元素的指定子元素 语法：父元素 > 子元素 {} 例子： div > span {} div > p{} 声明块 声明块中实际上就是一个一个CSS声明 声明 每一个CSS声明都是一个样式，实际上就是一个名值对的结构 名和值之间使用:链接 :左边是样式的名字 :右边是样式的值 每一个声明以;结尾 例子 color:red; font-size:20px; 元素之间的关系 父元素 直接包含子元素的的元素叫做父元素 子元素 直接被父元素包含的元素叫做子元素 祖先元素 直接或间接包含后代元素的元素叫做祖先元素，父元素也是祖先元素 后代元素 直接或间接被祖先元素包含的元素叫后代元素，子元素也是后代元素 兄弟元素 拥有相同父元素的元素叫做兄弟元素 块元素和内联元素 块元素 块元素会独占页面中的一行，无论他的内容的多少 一般使用块元素对页面进行布局 常见的块元素 div p h1~h6 内联元素 内联元素只占用自身的大小，不会独占一行 内联元素也叫行内元素（inline） 一般内联元素都是用来为文本来设置效果 常见的内联 span a img 包裹规则 一般都是使用块元素去包裹内联元素，而不会使用内联去包裹块元素 a元素可以包含任意元素，除了a本身 p元素不能包含任何块元素 伪类和伪元素 伪类和伪元素用来表示元素所处的一个特殊的状态，或者是一个特殊的位置 :link 表示一个普通的链接（未访问过的链接） :visited 表示访问过的链接 :hover 鼠标移入的链接，也可以为其他元素设置hover :active 正在被点击的链接，也可以为其他元素设置active :focus 表示元素获取焦点的状态，一般用于文本框 ::selection 表示内容被选中的状态 在火狐中使用::-moz-selection来代替 :first-letter 表示第一个字符 :first-line 表示文字的第一行 :before 选中元素的最前边 一般该伪类都会结合content一起使用，通过content可以向指定位置添加内容 :after 选中元素的最后边 一般该伪类都会结合content一起使用，通过content可以向指定位置添加内容 属性选择器 根据元素的属性选择指定元素 [属性名] 选取含有指定属性的元素 [属性名="属性值"] 选取属性值等于指定值的元素 [属性名^="属性值"] 选取属性值以指定内容开头的元素 [属性名$="属性值"] 选取属性值以指定内容结尾的元素 [属性名*="属性值"] 选取属性值中包含指定内容的元素 兄弟元素选择器 选取后一个兄弟元素 前一个 + 后一个 选取后边所有的兄弟元素 前一个 ~ 后边所有 子元素的伪类 :first-child 寻找父元素的第一个子元素，在所有的子元素中排序 :last-child 寻找父元素的最后一个子元素，在所有的子元素中排序 :nth-child 寻找父元素中的指定位置子元素，在所有的子元素中排序 例子 p:nth-child(3) 可以使用even，来找到偶数的子元素 可以使用odd，来找到奇数的子元素 :first-of-type 寻找指定类型中的第一个子元素 :last-of-type 寻找指定类型中的最后一个子元素 :nth-of-type 寻找指定类型中的指定子元素 否定伪类 从一组元素中将符合要求的元素剔除出去 语法： :not(选择器) 例子： .abc:not(div) HTML，超文本标记语言 负责页面中的结构，定义出页面中的各个组成部分 HTML是采用纯文本的形式的编写，采用HTML标签来标识出页面中的不同部分 标签 成对出现 <标签名></标签名> 自结束标签 <标签名 /> 属性 通过属性可以设置标签的效果 属性需要定义在开始标签中或这自结束标签中 属性实际上是一组一组名值对结构 例子： <标签名 属性名="属性值" 属性名="属性值"></标签名> <标签名 属性名="属性值" 属性名="属性值" /> HTML页面的基本结构 常用标签 <html> 网页的根标签 一个页面中有且只有一个根标签 网页中的所有内容都需要写在html标签的内部 <head> 网页的头部 该标签中的内容不会在网页中直接显示 该标签用于帮助浏览器解析页面 子标签 <title> 用来设置网页的标题 默认会在浏览器的标题栏中显示 搜索引擎检索网页时，会主要检索title中的内容，它会影响到页面在搜索引擎中的排名 <meta> 用来设置网页的元数据，比如网页使用的字符集 <meta charset="utf-8" /> 设置网页的关键字 <meta name="keywords" content="关键字,关键字,关键字,关键字"/> 设置网页的描述 <meta name="description" content="网页的描述"/> 请求的重定向 <meta http-equiv="refresh" content="秒数;url=地址" /> <body> 网页的主体 网页中所有的可见部分都需要在body中编写 <h1> ~ <h6> 标题标签 在html中一共有六级标题 六级标题中，h1最重要，h6最不重要，一般页面中只会使用h1~h3 h1的重要性仅次于title，浏览器也会主要检索h1中的内容，以判断页面的主要内容 一般一个页面中只能写一个h1 <p> 段落标签 <br /> 换行标签 <hr /> 水平线标签 内联框架 可以向一个页面中引入其他的外部页面 <iframe></iframe> 属性 src 外部页面的地址，可以使用相对路径 width和height 可以设置框架的宽度和高度 name 可以为内联框架指定一个名字 可以将该属性值设置为超链接的target属性的值 这样当点击超链接时，页面将会在相应的内联框架中打开 内联框架中的内容不会被搜索引擎所检索，所以开发中尽量不要使用内联框架 超链接 可以使当前页面跳转到其他的页面 <a>链接的文字</a> 属性 href 指向链接跳转的目标地址，可以是一个相对路径 还可以是#id属性值，这样当点击超链接以后，将会跳转到当前页面的指定位置 可以使用mailto:来创建一个发送电子邮件的超链接 target 指定在哪个窗口中打开链接 可选值 _self 默认值，默认在当前窗口打开链接 _blank 在新窗口中打开链接 内联框架的name属性值 在指定的内联框架中打开链接 注释 语法 <!-- 注释内容 --> 注释中的内容不会在页面中显示，但是会在源码中显示，我们可以通过注释来说明网页的代码 也可以通过注释隐藏一些页面中不想显示的内容 实体 在HTML页面中一些特殊符号是不能直接使用，需要使用实体来代替这些特殊符号 实体也可以称为转义字符 实体的语法 &实体名; 常用的实体 空格   < < > > 版权符号 © 图片标签 <img /> 使用图片标签可以向页面中引入一个外部图片 属性 src 指向一个外部图片的路径，可以使用相对路径 alt 指定一个在图片无法加载时对图片的描述 搜索引擎主要通过该属性来识别图片的内容 如果不写该属性则搜索引擎会对图片进行收录 width 设置图片的宽度 height 设置图片的高度 图片的格式 JPEG 颜色丰富的图片，如，照片 GIF 颜色单一，简单透明的图片，动态图 PNG 颜色丰富，复杂透明的图片 图片选择的原则 效果一致，用小的 效果不一致，用效果好的 相对路径 相对于当前资源所在的目录的路径 可以使用../返回一级目录，返回几级使用几个../ xHtml语法规范 1.HTML中不区分大小写，但是尽量使用小写 2.HTML的注释不能嵌套 3.标签必须结构完整 要么成对出现 要么自结束标签 4.标签可以嵌套但是不能交叉嵌套 5.属性必须有值，且值必须加引号，单引号双引号都可以 文本标签 <em> 表示语气上的强调 <strong> 表示内容的重要性 <i> 表示单纯的斜体 <b> 表示单纯的加粗 <small> 表示细则一类的内容 <cite> 表示参考的内容，凡是加书名号的都可以使用cite <q> 短引用，行内引用 <blockquote> 长引用，块级引用 <sup> 上标 <sub> 下标 <del> 删除的内容 <ins> 插入的内容 <pre> 预格式标签，可以保留代码中空格换行这些格式 <code> 表示程序代码 列表 无序列表 使用ul来创建一个无序列表，在列表中使用li来表示一个列表项 无序列表使用符号作为项目符号 有序列表 使用ol来创建一个无序列表，在列表中使用li来表示一个列表项 使用有序的序号作为项目符号 定义列表 列表相关的元素都是块元素，他们之间可以互相嵌套 去除项目符号 list-style:none
Ajax无刷新换风格，无刷新切换不同颜色的产品图片
05-12
摘要:脚本资源,HTML,无刷新换肤,切换产品图片　　Ajax无刷新换风格，无刷新切换不同颜色的产品图片，其实这是一套超不错的网页前端设计常用特效集，包含了滑过图片出现放大镜效果，通过控制top ，来显示不同的幻灯片，网站换肤封装类，新款上市产品模块横向滚动，衣服颜色切换，点击左侧产品小图片切换大图，Tab 选项卡标签插件，超链接文字提示，产品树展开和关闭，使用jqzoom放大缩小图片等。这是锋利的JQuery一书附录中的一个实例，非常不错，前端开发的Fans们可不要错过。
前端开发中经常使用到的颜色：
happy81997的博客
06-28 6444
目录（一）前端开发中经常使用到的颜色：（二） 前端常用的渐变色系：1. 浅绿 #8cc540 2. 深绿 #009f5d 3. 暗蓝 #019fa04. 蓝色 #019fde5. 深蓝 #007cdc 6. 深紫 #887ddd 7. 浅紫 #cd7bdd 8. 粉色 #ff56759. 红色 #ff124410. 橙色 #ff834511. 黄色 #f8bd0b12. 灰色 #d1d2d4...
CSS炫酷金箔字体
DDDInJava
05-10 1171
web前端开发零基础——四种字体颜色表示初识
CSDN_Ywz101的博客
03-15 3963
Document hello everyone ！1 hello everyone！ 2 hello everyone！ 3 hello everyone！ 4
前端 字体设置，中英文对照表 常用字体种类
柑橘乌云_
05-31 2414
华文细黑：STHeiti Light [STXihei]华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong儷黑 Pro：LiHei Pro Medium儷宋 Pro：LiSong Pro Light標楷體：BiauKai蘋果儷中黑：Apple LiGothic Medium蘋果儷細宋：Apple LiSung Light。
jQuery cookie保存背景颜色、字体颜色和字体大小
05-23
jQuery cookie保存背景颜色、字体颜色和字体大小
超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程
08-20
01大前端开发和全栈开发的定义.avi 02前端开发基础视频-视频内容介绍.avi 03前端开发基础视频-操作系统常用设置.avi 04前端开发基础视频-操作系统通用快捷键操作（1)win快捷键使用.avi 05前端开发基础视频-操作系统通用快捷键操作（2）编辑快捷键.avi 06前端开发基础视频-sublime3安装和插件(1).avi 06前端开发基础视频-sublime3安装和插件(2).avi 07前端开发基础视频-sublime3常用快捷键（基础）.avi 08前端开发基础视频-atome安装和使用简介.avi 09前端开发基础视频-webstorm的使用和三个开发工具的选择.avi 06前端开发基础视频-sublime3安装和包管理器安装.avi 07前端开发基础视频-sublime3包管理器安装.avi 11前端开发基础视频-什么是浏览器什么是服务器端.avi 12前端开发基础视频-浏览器与服务器端补充.avi 13前端开发基础视频-HTML协议发展的历程（可以略过，非重点，了解即可）.avi 14前端开发基础视频-常见前端的名词解释.avi 15前端开发基础视频-网页的组成html+css+JavaScript.avi 16前端开发基础视频-HTML的页面结构.avi 17前端开发基础视频-HTML的语法.avi 18前端开发基础视频-HTML的文档声明标签.avi 19前端开发基础视频-HTML的文档标签.avi 20前端开发基础视频-head标签和页面编码title标签使用.avi 21前端开发基础视频-页面编码补充1.avi 21前端开发基础视频-页面编码补充2.avi 21端开发基础视频-页面编码补充.avi 22前端开发基础视频-link标签的常见用法.avi 23前端开发基础视频-URL协议.avi 23前端开发基础视频-h1h6标题标签与seo.avi 24前端开发基础视频-段落p标签.avi 25前端开发基础视频-hr标签br标签空格换行合并.avi 26前端开发基础视频-span标签和em标签语义化.avi 27前端开发基础视频-em标签和strong标签区别sub标签-sup标签-del标签的使用.avi 28前端开发基础视频-关于超级链接的使用.avi 24前端开发基础视频-URL编码urlencode.avi 25前端开发基础视频-相对路径和绝对路径.avi 26前端开发基础视频-图片标签img的使用和title的seo优化.avi 27前端开发基础视频-网站图片的类型及如何选择.avi 28前端开发基础视频-有序列表和无序列表.avi 29前端开发基础视频-有序列表和无序列表的补充.avi 30前端开发基础视频-自定义列表.avi 31前端开发基础视频-表格标签的使用.avi 32前端开发基础视频-单元格的合并.avi 33前端开发基础视频-div和span标签的应用.avi 34前端开发基础视频-表单标签form-input-select-textarea.avi 35前端开发基础视频-QQ注册案例.avi 36前端开发基础视频-表单分组标签.avi 37前端开发基础视频-表单标签总结.avi 38前端开发基础视频-内联框架标签iframe使用.avi 39前端开发基础视频-其他标签补充.avi 40前端开发基础视频-字符实体HTML特殊符号处理.avi 41前端开发基础视频-HTML语义化.avi 42前端开发基础视频-HTML标签的显示模式.avi 43前端开发基础视频-HTML部分总结.avi 44前端开发基础视频-CSS定义与HTML结构之间的关系.avi 45前端开发基础视频-行内样式和浏览器默认样式.avi 46前端开发基础视频-引用外部CSS文件和嵌入CSS样式.avi 47前端开发基础视频-import导入CSS样式详解.avi 48前端开发基础视频-CSS语法及简单CSS属性.avi 49前端开发基础视频-CSS语法案例.avi 50前端开发基础视频-CSS注释.avi 51前端开发基础视频-标签选择器和通配符选择器.avi 52前端开发基础视频-ID选择器.avi 53前端开发基础视频-HTML标签的ID命名规范.avi 54前端开发基础视频-类选择器.avi 55前端开发基础视频-多个类属性、id和class选择器的区别.avi 56前端开发基础视频-类选择器id选择器综合案例.avi 57前端开发基础视频-复合选择器之标签指定式选择器.avi 58前端开发基础视频-复合选择器之后代选择器.avi 59前端开发基础视频-复合选择器之并集选择器.avi 60前端开发基础视频-复合选择器之子元素选择器.avi 61前端开发基础视频-属性选择器.avi 62前端开发基础视频-CSS伪类的使用案例.avi 63前端开发基础视频-CSS伪元素.avi 64前端开发基础视频-CSS层叠性.avi 65前端开发基础视频-CSS继承性.avi 66前端开发基础视频-CSS特殊性即CSS优先级（上）.avi 67前端开发基础视频-CSS特殊性即CSS优先级（中）.avi 68前端开发基础视频-CSS特殊性即CSS优先级（下）.avi 69前端开发基础视频-CSS设置标签模式display属性介绍.avi 70前端开发基础视频-CSS设置标签模式display设置none隐藏标签.avi 71前端开发基础视频-CSS设置标签模式display行内块元素及块级行内的区别总结.avi 72前端开发基础视频-CSS颜色表示方法.avi 73前端开发基础视频-CSS长度单位表示.avi 74前端开发基础视频-关于像素的补充-CSS设置字体大小.avi 75前端开发基础视频-font-family设置字体类型.avi 76前端开发基础视频-font-family设置字体系列.avi 77前端开发基础视频-font-weight设置字体的粗细.avi 78前端开发基础视频-font-style设置字体的样式.avi 79前端开发基础视频-font字体所有属性合写.avi 80前端开发基础视频-设置字符的间距和文字的间距.avi 81前端开发基础视频-按钮综合案例.avi 82前端开发基础视频-彻底搞懂行高.avi 83前端开发基础视频-行高的练习.avi 84前端开发基础视频-文本的装饰线的控制.avi 85前端开发基础视频-text-indent设置首行缩进.avi 86前端开发基础视频-white-space设置文本不换行控制.avi 87前端开发基础视频-设置单词自动换行的处理.avi 88前端开发基础视频-体育新闻综合案例.avi 89前端开发基础视频-CSS盒模型的综述.avi 90前端开发基础视频-CSS盒模的总结.avi 91前端开发基础视频-CSS盒模的边框border设置详解.avi 92前端开发基础视频-CSS边框的妙用案例.avi 93前端开发基础视频-CSS内边距Padding的使用.avi 94前端开发基础视频-CSS内边距补充.avi 95前端开发基础视频-CSS外边距margin的详解.avi
devtools:常用开发工具
05-02
网站内容： 常用开发工具、开放API等 本项目完全开源, 项目持续更新中 前端： Vue 后端： Spring Boot 后端项目地址: 目前功能： 舔狗日记、听歌音乐抖动粒子、每日一文、壁纸、网易云API、JSON格式化、二维码生成、颜色转换、图片文字提取 在线地址：
京东首页web前端课设（HTML+CSS+JS）
最新发布
04-10
css样式修饰用到最多的是绝对定位和相对定位，边框修饰，文字修饰，颜色美化等。js用了100多行代码做了一个轮播图效果。 简单总结： 1.没有看过做成效果图的先看我的博客。 2.web大多常用的知识点都以用上 3.该资源...
颜色大全
热门推荐
识物专栏
01-28 13万+
# _*_ coding: utf-8 _*_ from Tkinter import * colors = '''#FFB6C1 LightPink 浅粉红 ,#FFC0CB Pink 粉红 ,#DC143C Crimson 深红/猩红 ,#FFF0F5 LavenderBlush 淡紫红 ,#DB7093 PaleVioletRed 弱紫罗兰红 ,#FF69B4 HotPink 热情的粉红 ,#FF1493 DeepPink 深粉红 ,#C71585 MediumVioletRed 中紫罗兰红 ...
前端 好看实用的颜色大全（16进制）
桐匠的博客
04-05 4万+
颜色大全
web前端开发与应用——color属性
m0_59742894的博客
12-08 1928
color属性值 颜色值可以使用以下几种方式来设置： 值 描述 实例 颜色的名称 颜色的名称，比如red, blue, brown, lightseagreen等，不区分大小写。 color:red; /* 红色 */ color:black; /* 黑色 */ color:gray; /* 灰色 */ color:white; /* 白色 */ color:purple; /* 紫色 */ 十六进制 十六进制符号 #RRGGBB 和
【前端_css】RGB 常用颜色列表
weixin_30802171的博客
08-23 783
转载博客:RGB 常用颜色列表 转载于:https://www.cnblogs.com/leiblog/p/11402572.html
web前端开发css常用代码
12-30
2. 设置文本颜色和字体大小： ```css h1 { color: blue; font-size: 24px; } ``` 3. 设置边框样式和宽度： ```css div { border: 1px solid black;} ``` 4. 设置元素的宽度和高度： ```css img { width: 200px...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值