当前位置: 首页 > Web前端 > CSS

CSS颜色相关总结

时间:2023-03-30 17:40:58 CSS

原文地址:CSS颜色相关总结Introduction总结CSS中颜色的使用方法,达到需要的效果。要求将你的pex3.html文件(来自你之前的练习练习)复制到一个名为pex4.html的文件中。或者,您的pex4.html文件可能是pex3.html的修订/改进版本,和/或您也可以添加/删除内容。您应该在您的文件中至少保留一张带有图形标题的图像和至少一张表格(内容与以前一样)。您应该使用CSS设置此文件的样式,方法是创建一个外部CSS文件(将其命名为stylePex4.css),然后从HTML文件链接CSS文件。(将样式文件放在与html文件相同的文件夹中;来自HTML文件的链接应该是相对的。)在文件顶部的两个文件中包含注释,指示另一个文件的名称(从而指示这两个文件之间的联系),您的姓名和日期。包括至少一个CSS规则(以及HTML文件中需要的相应HTML元素和/或属性),以便样式效果可见于:整个文档中同一元素的多个或所有实例(例如,几个段落)要使此样式可见,您可以为文本或背景使用不同的颜色,您可以以不同的方式设置边框样式和/或不同大小或其他可见字体变化的样式文本。包括至少一个CSS规则(以及HTML文件中需要的相应HTML元素和/或属性),以便您使用与前一项不同的选择器,并且样式效果可见于:一个独特的元素包括至少一个CSS规则(以及HTML文件中需要的相应HTML元素和/或属性),以便您使用与前两项不同的选择器,选择器是某种后代选择器,样式效果在一个或多个html元素中可见,将你的HTML内容细分到至少三个不同的区域。这些区域可能与s重合选举但不一定。您也可以使用

元素。为每个区域提供不同的背景。三种不同背景中的一种(如前一项所述)应包括图像。图像应放置在图像子文件夹中,并与css文件相对链接。考虑W3Schools背景属性教程中提供的各种示例。注意:确保您的页面外观最低限度是合理的。例如,图形中的图像(您应该按照本练习顶部的要求将其包含在html文件中)不应与背景中的图像冲突/重叠。背景应该使内容易于阅读。您也可以加入边距,但本练习不需要边距。创建一个标题为“我们在这里玩字体”(或其他有用的东西)的部分(考虑元素
)。在那个部分,包括至少三个段落。每个段落应该有不同的字体样式。更改几个字体属性。(检查W3学校的字体)创建一个标题为“数字系统和颜色代码”的部分。在本节中包括以下列表(以及下一项中描述的表格(或列表))第一个列表将包括以下两个等式:1010010110110(2=?(167CDAF5(16=?(2注意:您需要执行通过计算指示的基数中的神秘数字进行转换,并显示正确的值。下标应在网页中呈现为这样。接下来(在“数字系统和颜色代码”的同一部分中),包括一个表格/列表,其中包含三个(3)颜色名称,十六进制,二进制,rgb对应的代码。你应该用那个颜色给列表中的每个元素着色。下面是一个例子,但是你应该使用OTHERCOLORSRedFF0000111111110000000000000000rgb(255,0,0)深绿色006400000000000110010000000000rgb(0,100,0)BlueViolet8A2BE2100010100010101111100010rgb(138,43,226)从上一项的列表中选择一种颜色,并通过添加或减少来定义新颜色一些红色。在表格/列表中包含一个新的行/项目,使用这种新颜色,并用原始颜色名称命名它,然后是+red(或-red取决于你是添加还是减少红色)。以下是一个示例,您应该创建另一种颜色:深绿色+红色EE6400111011100110010000000000rgb(238,100,0)在页脚中包含您的信息,包括您的姓名和版权符号,以及对您在页面中使用的所有图片的来源。注意:合并可免费使用的图片或您自己的图片;您不必为本课程使用图片付费。验证您的HTML和CSS文件。清除错误和警告。上传到服务器并在Canvas中提交URL你将需要o将几个文件上传到服务器:HTML、CSS和您使用的任何图片。上传images子文件夹中的图片。与之前的练习类似,你应该在Canvas中提供访问的URL,在本例中,只有一个文件:pex4.html。其他文件链接自pex4.html文件,因此您不应包含URL以在Canvas中访问它们。(本文出自csprojectedu.com,转载请注明出处)