I have been stuck for hours on the last 2 instructions in my project. Can someon
ID: 3731318 • Letter: I
Question
I have been stuck for hours on the last 2 instructions in my project. Can someone please help me execute the CSS style rules correctly? Thank you.
ial Potates the aside elements within the right section -25o around the WIthin the left section 25 around the y-axis. y dxis. Explore 10. Go to the Cube Styles section. Here you'll create the receding cube effect that appears in the center of the page. The cube has been constructed by creating a div element with the id cube containing five div elements belonging to the cube_face class with the ids cube bottom, cube_top, cube_left, cube_right, and cube front. (There will be no back face for this cube.) Currently the five faces are superimposed upon each other. To create the cube you have to shift and rotate each face in 3D space so that they form the five faces of the cube. First, position the cube on the page by creating a style rule for the divtcube selector containing the following styles: a. Place the element using relative positioning. b. Set the top margin to 180 pixels, the bottom margin to 150 pixels, and the left/right margins to auto. c. Set the width and height to 400 pixels. d. Set the perspective of the space to 450 pixels. 11. For each div element of the cube face class, create a style rule that places the faces with absolute positioning and sets their width and height to 400 pixels. Explore 12. Finally, you'll construct the cube by positioning each of the five faces in 3D space so that they form the shape of a cube. Add the following style rules for each of the five faces to transform their appearance. a. Translate the cube_front div element-50 pixels along the z-axis. b. Translate the cube_left div element -200 pixels along the x-axis and rotate it 90 around the y-axis c. Translate the cube right div element 200 pixels along the x-axis and rotate it 90° counter-clockwise around the y-axis. d. Translate the cube_top div element -200 pixels along the y-axis and rotate it 90° counter-clockwise around the x-axis. e. Translate the cube_bottom div element 200 pixels along the y-axis and rotate it 90° around the x-axis. layout of your page matches Figure 4-68 including the center cube with the five faces of photos and text. 3. Save your changes to style sheet file and open cf home.html in your browser. Verify that theExplanation / Answer
CSS stands for Cascading Style Sheets
It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS file as .css files.
With an external stylesheet file, you can change the look of an entire website by changing just one file!
A CSS rule-set consists of a selector and a declaration block:
Selector{
declaration block;
Property: value;
}
Ex. p {
color: red;
text-align: center;
}
Also-
h1, h2, p {
text-align: center;
color: red;
}
Class selector
.center {
text-align: center;
color: red;
}
For example
<p class="center">This paragraph refers to center class of CSS.</p>
1. External CSS
<head>
<link rel="stylesheet"type="text/css"href="style.css">
</head>
2. Internal CSS
<head>
<style>
body {
background-color:grey;
}
h1 {
color: maroon; margin-left: 40px;
}
</style>
</head>
3. Inline CSS
<h1>This is a heading</h1>
Note-If the internal style is defined after the link to the external style sheet, the <h1> elements will be "orange":
<head>
<link rel="stylesheet"type="text/css"href="style.css">
<style>
h1 {
color: orange;
}
</style>
</head>
However, if the internal style is defined before the link to the external style sheet, the <h1> elements will be "navy":
<head>
<style>
h1 { color: red; }
</style>
<link rel="stylesheet"type="text/css"href="style.css">
</head>
Colour-
1. In HTML, a color can be specified as an RGB value, using this formula:
rgb(red, green, blue)
Each parameter (red, green, and blue) defines the intensity of the color between 0 and 255.
2. a color can be specified using a hexadecimal value in the form:#rrggbb
3. a colour can be specified using hue, saturation, and lightness (HSL) in the form:
hsl(hue, saturation, lightness)
Hue is a degree on the colour wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue.
Saturation is a percentage value, 0% means a shade of gray, and 100% is the full colour.
Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.