-
Notifications
You must be signed in to change notification settings - Fork 220
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Tutorial] Building blocks of Frontend development - HTML5 AND CSS3 #284
base: master
Are you sure you want to change the base?
Conversation
Update README.md
html tags updated
CSS3 content is updated
CSS Properties
Update LSS INFORMATION
HTML TAGS UPDATED
UPDATED CSS3 INFORMATION
CSS TAGS UPDATED
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Overall good work. @0506beulah @nimrafathima @Meena-srinivas @Muhammed-Azmeel @meevelfrancis06
please handle the review comments.
} | ||
![enter image description here](https://designshack.net/postimages/multiplecolumns_heading.jpg) | ||
|
||
# INTRODUCTION TO LSS |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is this referring to LESS
?
- Less (Leaner Style Sheets) is a dynamic preprocessor style sheet language that can be compiled into Cascading Style Sheets (CSS) and run on the client side or server side. | ||
- It was Designed by Alexis Sellier. | ||
|
||
- ESS is an abbreviated `Learner Style styles`, is an opensource pre-processor language for CSS, The preprocessor is writing a code using a superset of CSS features, compiling this code to native CSS, and browser understanding CSS styles. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What is ESS? are you referring to LESS?
Looks like the content here is repeated. May want to check and keep only relevant content.
@@ -0,0 +1,459 @@ | |||
# INTRODUCTION TO HTML5! | |||
|
|||
HTML stands for *Hyper Text Markup Language. It is used to design web pages using a markup language. HTML is an abbreviation of Hypertext and Markup language. Hypertext defines the link between the web pages. **HTML 5* is the <u> fifth and current version of HTML. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
typo: remove the extra *
|
||
## CSS Example | ||
|
||
body { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Consider using a code block
```css
<your css styles here>
```
body {
background-color: lightblue;
}h1 {
color: white;
text-align: center;
}p {
font-family: verdana;
font-size: 20px;
}
|
||
Set the accent color for different user-interface controls: | ||
|
||
input[type=checkbox] { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Consider using a css code block
|
||
Add a graphical effect to the area behind an element: | ||
|
||
div.transbox { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Consider using a css codeblock
|
||
Set the style of the top border for different elements: | ||
|
||
h1 { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Consider using a css codeblock
|
||
# A SIMPLE RESUME USING HTML | ||
```` | ||
<div class="resume"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The resume is missing css.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
Good job @0506beulah @Meena-srinivas @Muhammed-Azmeel @nimrafathima
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
No description provided.