HTML与CSS中的颜色与单位个人分享

PAMPANG 发布于2019-08-29 16:33 / 1697人阅读

摘要：颜色与单位安全色有中其中色彩有中非色彩中前景色与背景色前景色就是设置字体的颜色背景色就是为指定元素设置背景色浏览器默认背景色的颜色为透明色颜色的命名使用单词方式定义颜色目前主流浏览器识别种预定义颜色问题可选的颜色数量有限不同浏览器中存在

颜色与单位

Web安全色有216中其中色彩有210中,非色彩6中

前景色与背景色

前景色就是设置字体的颜色

背景色就是为指定元素设置背景色 - 浏览器默认背景色的颜色为透明色

颜色的命名

1.使用单词方式定义颜色 - 目前主流浏览器识别147种预定义颜色

问题:可选的颜色数量有限

不同浏览器中存在色差问题

2.使用RGB方式定义颜色 - 称为三原色(就是不能再分解的三种基本颜色)

RGB - red(红色)、green(绿色)、blue(蓝色)

使用方法:

1.函数式RGB颜色 - rgb(红色, 绿色, 蓝色)

每个颜色的值范围 - 0 ~ 255

2.十六进制RGB颜色 - #红色绿色蓝色

每个颜色具有两位

每个颜色的值范围 - 00 ~ ff

数字是 - 0 ~ 9 字母是 - a ~ f

如果每个颜色的两位相同的话则可以省略其中一个

示例代码:




一花一世界

透明度

透明度 - 默认值为1.0 (完全不透明)

取值范围是 - 0 ~ 1.0

语法 - opacity: 0.5;

设置透明度还有第二种方式:

rgba() - 其中a表示透明度

示例代码:

/* 以下是透明度的两种用法 */

opacity: 0.5;

background-color: rgba(223,0,220,0.5);

单位

单位分为相对值和绝对值

像素值(px) - 与电脑分辨率有关分辨率越大单位像素值就相对越小

示例代码:

图片分析:

混合云私有云 css与html html与css html与css区别 css与html的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113819.html

HTML与CSS中的颜色与单位个人分享

摘要：颜色与单位安全色有中其中色彩有中非色彩中前景色与背景色前景色就是设置字体的颜色背景色就是为指定元素设置背景色浏览器默认背景色的颜色为透明色颜色的命名使用单词方式定义颜色目前主流浏览器识别种预定义颜色问题可选的颜色数量有限不同浏览器中存在颜色与单位 Web安全色有216中其中色彩有210中,非色彩6中前景色与背景色前景色就是设置字体的颜色背景色就是为指定元素设置背景色 - 浏...

lmxdawn 2019-08-02 11:22 评论0 收藏0
HTML与CSS中的文本个人分享

摘要：文本标题元素注意在一个页面中最好只使用一个标题因为浏览器只会抓取一个多了没用示例代码标题元素元素默认效果是显示最大显示最小默认效果是由浏览器自带样式提供可以通过进行修改每个标题元素是独占一行并且是垂直排列在实际开发中常用的标题元素最文本标题元素注意: 在一个HTML页面中最好只使用一个标题因为浏览器只会抓取一个多了没用示例代码: 一花一世界一叶一孤城娃哈哈爽歪歪...

MartinHan 2019-08-29 16:32 评论0 收藏0
HTML与CSS中的文本个人分享

摘要：文本标题元素注意在一个页面中最好只使用一个标题因为浏览器只会抓取一个多了没用示例代码标题元素元素默认效果是显示最大显示最小默认效果是由浏览器自带样式提供可以通过进行修改每个标题元素是独占一行并且是垂直排列在实际开发中常用的标题元素最文本标题元素注意: 在一个HTML页面中最好只使用一个标题因为浏览器只会抓取一个多了没用示例代码: 一花一世界一叶一孤城娃哈哈爽歪歪...

iliyaku 2019-08-02 11:21 评论0 收藏0
HTML与CSS中的,链接与图像个人分享

摘要：链接与图像链接元素元素表示链接元素作用从当前页面跳转到指定页面属性设置指定跳转页面的路径路径分类相对路径相对于当前页面的路径绝对路径访问的路径地址不变化示例代码相对路径的链接文本阴影案例他是链接绝对路径的链接他也链接与图像链接元素 < a >元素 - 表示链接元素作用 - 从当前html页面跳转到指定html页面属性 href - 设置指定跳转html页面的路径 ...

cocopeak 2019-08-29 16:34 评论0 收藏0
HTML与CSS中的,链接与图像个人分享

摘要：链接与图像链接元素元素表示链接元素作用从当前页面跳转到指定页面属性设置指定跳转页面的路径路径分类相对路径相对于当前页面的路径绝对路径访问的路径地址不变化示例代码相对路径的链接文本阴影案例他是链接绝对路径的链接他也链接与图像链接元素 < a >元素 - 表示链接元素作用 - 从当前html页面跳转到指定html页面属性 href - 设置指定跳转html页面的路径 ...

elisa.yang 2019-08-02 11:21 评论0 收藏0