CSS颜色表示及CSS选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>CSS颜色</title><style type="text/css">div{color: blue;}/*颜色名设置格式，输入颜色对应英语*/p{color: rgb(0, 255, 0);}/*rbg表示光束，光束越强越亮，255位最大值，r为红色，g为绿色，b为蓝色，如果rgb(0, 0, 0);字体为黑色；rgb(255, 255, 255);显示为白色，所有光都是强光时是白色*/span{color: #ff0000;}/*把rgb(255,0, 0);括号中的数值换算成16进制数字代表颜色，这是开发时使用最多颜色表示方法*/</style>
</head>
<body><div>这是一个颜色名设置格式的div</div><p>这是一个rgb设置格式的p</p><span>这是一个16进制设置格式的span</span>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>选择器</title><style type="text/css">div{font-size: 30px;}/*标签选择器，对应下面div标签，给对应标签设置格式*/#red{color: powderblue;} /*id选择器，通过id名来选择设置的元素，但是元素的id名称不能重复，一个样式设置项只能对应于页面上的一个元素，不能重复使用，一般给程序使用，不建议使用id做选择器，开发中基本不用*/.red{color:red}.big{font-size:20px}/*类选择器通过类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。需要注意的是类选择器和id选择器设置同一个格式但是不同值时会显示id选择器设置的的格式，id选择器重要性高于类选择器*/</style></head><body><div>这是一个div</div> <!--标签选择器，对应div标签，给对应标签设置格式--><p id="red">这是一个标题</p><!--通过对应id名设置格式--><span class="red big">这是一个类选择器</span> <!--通过class来选择使用类名设置格式--></body></html>

CSS颜色表示及CSS选择器相关推荐

金色css颜色代码大全,CSS颜色代码大全
标签:CSS颜色代码大全颜色代码表(一): EEEEEE FFCCFF FF66FF FF00FF DDDDDD FFCCCC FF66CC FF00CC CCCCCC FFCC99 FF6699 ...
css颜色渐变移动,CSS颜色渐变
一. Webkit浏览器 (1) 第一种写法: background:-webkit-gradient(linear ,10% 10%,100% 100%, color-stop(0.14,rgb(2 ...
Css颜色和文本字体
Css颜色,文本字体 css颜色表示法颜色名表示,比如:red 红色,gold 金色 16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f00 RGB颜色: 红(R).绿(G).蓝 ...
css零到一基础教程006：CSS 颜色
指定颜色是通过使用预定义的颜色名称,或 RGB.HEX.HSL.RGBA.HSLA 值. CSS 颜色名在 CSS 中,可以使用颜色名称来指定颜色: 实例: <!DOCTYPE html> ...
CSS颜色：RGB颜色/HEX颜色/HSL颜色（网页颜色完全总结）
目录 CSS 颜色名 CSS 背景色实例 CSS 文本颜色编辑实例 CSS 边框颜色实例 CSS 颜色值实例 RGB 值 rgb(red, green, blue) 实例实例 RGBA ...
codemix java,代码自动补全插件CodeMix全新发布CI 2019.7.15|改进CSS颜色辅助
CodeMix是Eclipse的一款插件,它解锁了VS Code和Code OSS附加扩展的各种技术,支持各种语言. 作为Eclipse开发人员,您再也不必觉得自己已被排除在朋友使用Visual St ...
CSS 颜色渐变生成器
手工挑选颜色来制作颜色渐变需要设计经验和对色彩和谐的良好理解.如果您需要背景或 UI 元素的渐变,但又没有足够的信心自己处理任务(或者如果您很着急),则 Color gradient generato ...
CSS初级教程(颜色、注释、选择器）【第一天】
CSS初级教程[第一天] [1]CSS初识 [2]CSS简介 [3]CSS语法 [4]CSS 选择器 [5]CSS使用 [6]CSS 注释 [7]CSS 颜色 [8]CSS RGB 颜色 [9]CSS ...
CSS（一）：CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性；CSS选择器；尺寸和颜色单位、背景和文本设置
目录一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...

CSS颜色表示及CSS选择器

CSS颜色表示及CSS选择器相关推荐

最新文章

热门文章