DEV Community: somtobiotech

INSPECTING ELEMENT

somtobiotech — Mon, 25 Jul 2022 09:33:52 +0000

In any modern browser when you click on any CSS element, if you scroll down you will see an inspect button. Then you click on it you will then see control of your website page. Then you can change the setting of the website like the color, style and the size.

This are the roles when inspecting element.
1} Tracking down where properties are coming from.
2} Experimenting or troubleshooting.
3} Inspiration from other websites.

CSS TYPOGRAPHY

somtobiotech — Fri, 22 Jul 2022 09:45:00 +0000

What is Typography: Typography is the art of arranging type or text so that it is easy to read and supports the overall design of a project. In CSS we can use the font family property to define a font stack. if a computer or device does not have the first font, that will list will fall back and use the next font. Now a key of concept in the font stack is to make sure that the last item in your list is not a font in and of itself but is instead a keyword. one of the most common font stack is to try and use Helvetica and if it is not available use Arial, and if Arial is not available then we will just let the browser use whatever system default san-serif it wants to use.so if you save we can see that page is using Helvetica, A technology named @fontface to use any font that you have license to use. you can control the size of text by using the font size property. When it comes to values for this property we have many different units of measurement at our disposal. so we can use percentages or pixels of 17, To manage the boldness of text we can use the font weight property. The most vital properties is one of the most important parts of typography is creating a vertical rhythm and a very important part of vertical rhythm is line spacing or lettering. It refers to the space between each line of the text, In CSS it is called line height.

STYLING FORMS

somtobiotech — Thu, 21 Jul 2022 12:48:56 +0000

This is a course of an HTML and CSS so this lesson is simply about making forms look pretty. The forms are prettier and easier to use, that why web designer exists it's our job to whip this form into shape so that it look's like something people will actually want to inter act with. we will make each field sit on it's row, so I'll begin with a type selector input. But we don't want to select all inputs on the page because for example this check box is an input so we need to make our selector a bit more specific we only want to select inputs that use a type of email and now we can string together declarations and create our style.

STYLING DATA TABLES

somtobiotech — Wed, 20 Jul 2022 12:56:18 +0000

How To Style Data Tables

The First row uses the earth table header elements the rest of our table the actual data in our table uses td for table data. 2.Then We begin by targeting these elements over in our CSS then we create a new area or create a comment. 3.Table style within any table element, look for the table header elements and let's it override their text-line to be left. 4.We will want to give the table header an alternate background color so that it stands out from the actual data in the table. 5.So to do that within the same wheel will say background color then, I will paste in the hexadecimal color code for a green that we are using elsewhere on the page. 6.Then you will make the text white, and let's also gives it a text shadow so it pops. 7.You will then not want any blur on the shadow and we will use a transparent black value. 8.Then next we add a border around each table header element and each table data or cell. 9.So to do that we are going to want to select both the table header elements comma. 10.Let tack on another selector and all of the tv elements border, so we want a border on all for concerns. 11.The top, bottom and left, we want the border to be one pixel thick. 12.We want it to be a solid line, we don't want it to be dotted or dashed. 13.And we want to use a color that same green value color.

CSS ESSENTIALS

somtobiotech — Tue, 19 Jul 2022 13:18:23 +0000

Type of css selectors
1]Type Selectors: It is a name of an element and it captures every element in that type.
2]Descendant Selectors: It helps element to nest in other elements.
3]Class Selectors: It helps reuse bit of codes.

How to create a page layout with floats
1]The "float" and "width" properties can be used to create column
2]Clear your floats
3]There are different units of measure for the width property
with percentage,px,and many others.

CSS ESSENTIALS

somtobiotech — Mon, 18 Jul 2022 14:11:00 +0000

Liquid syntax error: Tag '{%' was not properly terminated with regexp: /\%\}/

USING CSS AND HTML IN DESIGNING WEBSITE

somtobiotech — Thu, 14 Jul 2022 13:25:25 +0000

WHAT IS HTML:HTML DEFINES THE CONTENT OF A WEBSITE
HTML STANDS FOR HYPER TEXT MARKUP LANGUAGE
WITH HTML YOU CAN CREATE YOUR OWN WEBSITE
HTML IS EASY TO LEARN
HTML EXAMPLES
IN THIS HTML TUTORIAL,YOU WILL FIND MORE THAN 200 EXAMPLES.
WITH OUR ONLINE"TRY IT YOURSELF"EDITOR'YOU CAN EDIT AND TEST
EACH EXAMPLE YOURSELF!
HTML REFERENCES
AT W3SCHOOLS YOU WILL FIND COMPLETE REFERENCES ABOUT HTML
ELEMENTS,ATTRIBUTES,EVENTS,COLOUR NAMES,ENTITIES,CHARACTER-SETS,
URL ENCODING,LANGUAGE CODES,HTTP MESSAGES,BROWSER SUPPORT AND MORE

CSS

WHAT IS CSS:CSS IS THE LANGUAGE WE USE TO STYLE HTML.
CSS DESCRIBES HOW HTML ELEMENTSSHOULD BE DISPLAYED.
CSS STANDS FOR CASCADING STYLE SHEETS.
CSS SAVES ALOT OF WORK.IT CAN CONTROL THE LAYOUT OF
MUTIPLE WEBPAGES ALL AT ONCE.
EXTERNAL STYLE SHEETS ARE STORED IN CSS FILES.

WEB DEVELOPMENT

somtobiotech — Tue, 12 Jul 2022 14:03:25 +0000

WEB DEVELOPERS BUILD WEBSITES.BROWSING THE WEB IS LIKE CALLING A FRIEND
HOW THE WEB WORKS
URL=[UNIFORM RESOURCE LOCATOR]
THE ADDRESS OF A WEBSITE OR A SPECIFIC PAGE OF A WEBSITE
EXAMPLE=https://www.amazon.com
HTTPS: Hyper Text Transfer Protocol Secure

WHICH CODE DO WEB DEVELOPERS WRITE
WHAT ARE THESE"BROWSER INSTRUCTIONS"

                    HTML                                  Instruction that tell the browser what should be displayed on

the screen. First language for a web developer is HTML
HTML:HYPER TEXT MARKUP LANGUAGE

Recommended products

Harry Potter1 Harry Potter2

HTML5 IS USED TO DEFINE THE CONTENT AND STRUCTURE OF THE DISPLAYED
PAGE.
CSS
AS A WEB DEVELOPER WE MUST HAVE A LANGUAGE USED TO STYLE WHICH IS
CSS, CSS:CASCADING STYLE SHEETS
EXAMPLE
h2
Font Size:20px;
Color :purple;
border-bottom:2px solid purple

CSS3 IS DEFINED AS THE STYLING OF THE DISPLAYED PAGE AND IT'S
CONTENT.IT IS OPTIONAL.

                   JAVASCRIPT

JAVASCRIPT ADDS INTERACTIVITY THAT MIGHT BE NEEDED ON THE DISPLAYED PAGE.