css

CSS Links

In CSS, you can set different styles for links, and even creat various styles of link buttons. Here is an example: There are many CSS properties for setting link styles, such as: color, font-family, background, etc. There are four states of a link: a:link – the style of a link which hasn’t been visited a:visited …

CSS Links Read More »

CSS Lists

The list properties in CSS can be used to set the style of lists and list items. There are 5 kinds of list properties in CSS: list-style-type list-style-position list-style-image list-style marker-offset Now we will learn these list properties with some examples. The list-style-type Property The list-style-type property can be used to control the appearance of list item makers, for example: Note: Some …

CSS Lists Read More »

CSS Tables

We mainly use the <table> element to present data in HTML. The table properties in CSS can greatly improve the appearance of the table. Table Borders If you want the table to show a border, you can use the border property. Here is an example to set a blue border for table, th, and td: Note …

CSS Tables Read More »

CSS Positions

The position property specifies different positioning modes for elements. Here are the 5 kinds of position property values: static relative fixed absolute sticky If an element has been set the position property (except for static), you can change the position of the element by setting the top, left, bottom, and right properties. Of course, these properties work in different ways based different …

CSS Positions Read More »

CSS Float

The HTML element can move left or right until its outer edge touches the border of the element that contains it.At the same time, other elements around the floating element will also be rearranged. Floating elements are commonly used for: 1. The images in the paragraph float to the left or right so that the text surrounds …

CSS Float Read More »

CSS Pseudo-classes

The CSS pseudo-class is mainly used to add a special state to the selector.You can use the CSS pseudo-class (without JavaScript) to implement some simple effects for HTML elements, such as hover animations. Syntax A simple syntax of pseudo-classes is as follows: CSS classes can also use pseudo-classes: The Anchor Pseudo-class In the CSS Links chapter, you …

CSS Pseudo-classes Read More »

CSS Borders

We can use CSS border properties to set the border color, border style, and border width of HTML elements. There are three common CSS border properties: border-color: set the color of the border border-style: set the style of the border, such as solid, dashed, double, etc. border-width: set the width of the border border-style property We …

CSS Borders Read More »