Gettimes خذ وقتك

Articles

Affichage des articles du septembre, 2016

The if Statement

The if Statement Use the if statement to specify a block of JavaScript code to be executed if a condition is true . Syntax if ( condition ) { block of code to be executed if the condition is true } visite link

CSS3 border-radius Property

CSS3 border-radius Property With CSS3 , you can give any element "rounded corners" , by using the border-radius property. Here are three examples : 1 . Rounded corners for an element with a specified background color : Rounded corners! 2 . Rounded corners for an element with a border : Rounded corners! 3 . Rounded corners for an element with a background image : Rounded corners! Here is the code

CSS Forms

CSS Forms Colored Inputs Use the background-color property to add a background color to the input , and the color property to change the text color : show exemple

Input with icon/image

Input with icon /image If you want an icon inside the input , use the background-image property and position it with the background-position property. Also notice that we add a large left padding to reserve the space of the icon : show exemple

Animated Search Input CSS

Animated Search Input In this example we use the CSS3 transition property to animate the width of the search input when it gets focus. You will learn more about the transition property later show exemple

Google Icons CSS

Google Icons To use the Google icons , add the following line inside the <head > section of your HTML page : <link rel = "stylesheet" href = "https://fonts.googleapis.com/icon?family=Material+Icons" > visite link !

Bootstrap Icons CSS

Bootstrap Icons To use the Bootstrap glyphicons , add the following line inside the <head > section of your HTML page : <link rel = "stylesheet" href = "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" > visite link

How To Add Icons CSS

How To Add Icons The simplest way to add an icon to your HTML page , is with an icon library , such as Font Awesome. Add the name of the specified icon class to any inline HTML element ( like <i > or <span > ) . All the icons in the icon libraries below , are scalable vectors that can be customized with CSS ( size , color , shadow , etc. ) Font Awesome Icons To use the Font Awesome icons , add the following line inside the <head > section of your HTML page : <link rel = "stylesheet" href = "http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" > ! visite link

CSS Syntax

CSS Syntax A CSS rule-set consists of a selector and a declaration block : CSS selector The selector points to the HTML element you want to style. The declaration block contains one or more declarations separated by semicolons. Each declaration includes a CSS property name and a value , separated by a colon. A CSS declaration always ends with a semicolon , and declaration blocks are surrounded by curly braces. In the following example all <p > elements will be center-aligned , with a red text color visite link :

CSS Tutorial CSS is a language that describes the style of an HTML document. CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced viste link .