Skip to main content

Recent Posts

Latest News

● Posts on CSS and SEO coming soon ...●

Font property in CSS

by TechnofreakAN

Using font properties in CSS :

Font family : this property defines a list of font family names or generic names. List of font family or generic family(font families with similar look ) names helps if one font is not displayed, the next font will be displayed depends on availability of font in user system. 

Eg. P {font family : ‘Impact' } 

This font displayed in my system but in other system it is displayed as default value, so if font is not available in system so browser will  be display default font family. If font has more than one word then use quotation mark('     ').

Font style: this property define how to style  the font. It has values italic, oblique(text is slanted to specific angle similar to italic), normal(default).

Font weight: this property increase weight of font or thickness the text. It has values normal (default), lighter, bold, bolder ( this specifies weight of font relative to default or parent value.). 

We can also specify by numbers between (1-1000). 

Font size: this property define size for font. We can define size by using values x-small, small, medium, large, x-large etc. Smaller and larger value are relative to default value. 

We can also specify size by numerical values in pixels or in ems( it is relative to pixel i.e. 1em= 16px).

Font variant: this specifies representation of font in either small-caps( All lowercase letters converted into uppercase but this are in smaller size than parent capital words ) or normal.



 


From Topic:

Comments

Post a Comment

Top Posts

Basics of Web

by TechnofreakAN
 How Website Works?:  When a client search a particular website on internet, his request is sends to DNS for obtaining IP Address. This IP Address is send to the client-server. Clients server requests the web-server for sending files to the client in terms of HTML, CSS and Javascript to the location of clients IP Address. Finally client views content in his browser which he had requested.  Let us now define some common terms in Web Development which are required to understand before moving forward in web development. Web page is a document or information resource on www (world wide web) and can be accessed through web browser and displayed on a monitor. Web publishing describes the software and methodologies to design web pages and website. Web Server is a Computer which stores websites or A Web server is an application or a computer that sends webpages over the internet using the HTTP protocol. The functionality of website is managed by web server. Web Browser is a sof...
Post a Comment
Click Here For More Details

HTML Paragraphs and Responsive

by TechnofreakAN
  How Paragraph Tags used in HTML? :-  Paragraph tags are used to group sentences in the one paragraph.  It is denoted by <p> tag. It is a container tag i.e. it has start and end tag. It contains a content. It is a block level element (always start on new line and creates its horizontal block). Paragraph tags also have attribute style, used to design text inside this tags.              Output is :-     HTML Responsive :-       To make webpage responsive (adjust size according to device screen) following code is used in head tag. It is important for any webpage to display properly according to device width.
Post a Comment
Click Here For More Details

Introduction to HTML

by TechnofreakAN
  WHAT IS HTML AND WHY IT IS USED :  HTML stands for Hypertext Markup Language. HTML forms a basic structure for any websites. HTML is standard language used for creating a website. It is necessary for anyone who want to build a website. HTML file has a extension .html. HTML file can be created in any text editor and executed in web browser. HTML5 is current major version of HTML Basic structure of HTML file given bellow: HTML tags are element names enclosed with angular brackets. Tags are not case sensitive. HTML page is enclosed within <html></html> tag. HTML page mainly contains following syntax. Html elements mainly contains  opening tags, content and closing tags. HTML tags are of two types : • Container tags : tags which have opening and closing tags are called Container tags. This tags contains content. This tag can also contain other tags.  Eg. <body></body> • Empty tags : tags which don’t have end closing tags are called Empty ...
Post a Comment
Click Here For More Details

Text Formatting in HTML

by TechnofreakAN
  What are the Text Formatting Elements in HTML  : Text formatting elements are used to make beautiful or to design the HTML document. (This tags are used to made attractive webpages but not recommended because CSS is used for the purpose of styling webpage rather than using text formatting tags). Following are some Text Formatting Elements: Let's understand each and every text formatting elements through HTML code :-  For now just ignore </br> tag in the code.  
Post a Comment
Click Here For More Details