Learn hub

Home Html css JavaScript React js C C++ Python MYSQL Java Swift

css

Introduction to css

css is a language designed to simplify the process of making webpage presentable.it allows you to apply styles to html documents,describing how a webpage should look by prescribing colors,font,spacing,and poisiting.

What is css?

css stands for cascanding style sheet
css describes how html elements are to be displayed on screen,paper,or in other media.
css saves a lot of work.it can control the layout of multiple web page all at once.
external stylesheets are stored in css files.

why css?

save time:write css once and reuse it across multiple html pages.
easy maintaince:chance the style globally with a single modification.
search engine friendly:clea coding technique that improves readability for search engines.
superior styles:offers a wider array of attributes compared to html.
offline browsing:css can store web aplication locally using offline cache,allowing offline viewing.

css demo-one htmlpage-multiple styles

html page displyed with four different stylesheet.click on the "stylesheet 1 " "stylesheet 2 " "stylesheet 3 " "stylesheet 4 " links below to see the different styles:

class	define
table	container for an html table
border	a border is a line that surronds an element, like a frame around a paintaing.
padding	a margin is the space around an element's border,while padding is the space between an elements content.
margin	the margin is the outermost layer, wrapping the content,padding,and border as whitespace between this box and other element.
hover	a hover takes place when a user hovers over an element,and the elemant responds with transition effect.
position	the position property setshow an element is positioned in a document.the top,right,bottom,and left properties determine the final location of positioned elements.