(1) Parent-child selector can have multi-level, but the actual application does not recommend too much, not more than three layers.
(2) The parent-child selector has a strict hierarchical relationship.
(3) A parent-child selector can be a
Requirements:
(1) The default style is black, 24px, no underline;
(2) When the mouse moved to the hyperlink, automatically underlined, the font size into 40px, color into green;
(3) After clicking, the hyperlink turns red
HTML page content:
In every Internet application I've created, I've tried to avoid creating menus that are entirely composed of pictures. In my opinion, the menu system should use text. Doing so also makes the menu cleaner, clearer and easier to read, regardless of
What CSS is (what is CSS)
CSS (cascading style sheets Cascading style sheet) is a language that describes the look and format of your HTML.
A stylesheet (style sheet) is a file that describes how an HTML page looks.
We say that these stylesheets
Similarly, according to Codecademy's practice, is a class of knowledge points, and then a class to do exercises to do a small page, alternating. This class is practice class. Follow the prompts, write a profile of the page, will soon be done.
In Web page production, there are many terms, such as CSS, HTML, DHTML, XHTML, and so on. In the following article we will use some basic knowledge about HTML, and before you learn this introductory tutorial, make sure you have a certain HTML base.
Introduction
In this lesson, we go to the next stage:
A. Making and unordered lists of sorted lists
B. Changing font size, color and type
C. Change the background color
D. Font Alignment
Ordered lists (sorted list)
A sorted list is preceded
Objective
If you want to try the page layout without a table, instead, you can use CSS to format your Web page, which is often used to compose your Web page structure with Div, or you want to learn the standard design of Web pages, or your boss
Note: √ attribute inheritance x does not inherit
[] to accommodate element types none [] marked as all elements
Font
√font-family
√font-size 9 Xx-small X-small Small Medium large x-large xx-large smaller larger
√color
√font-style Normal Italic
After understanding the XHTML code specification, we need to do CSS layout. First, introduce some of the basics of CSS. If you are already familiar with it, you can skip this section and go straight to the next section.
CSS is the abbreviation for
Some of the experience that CSS code is clearer and more efficient is a matter of concern to many web-makers and developers alike. But there's probably no magic that can be guaranteed to shrink your stylesheet to a percentage, and reasonable CSS
Go directly to the theme!
First, from the center of the document flow element
Method One: Margin:auto method
CSS code:
p{ width:400px; height:400px; position:relative; border:1px solid #465468; } img{ Position:absolute;
The transparency attributes of CSS3 opacity presumably everyone has been used everywhere. And for the browser does not support CSS3 how to transparent processing, to maintain the consistent browser effect, this article mainly introduces the detailed
Share a 3D button that is implemented with pure CSS today.
CSS cleverly utilizes the Box-shadow to achieve the stereoscopic 3D object, when the button is pressed to modify the Box-shadow and top values.
It feels like a button is pressed. The CSS
This article mainly introduces the pure CSS3 large Carousel Lottery Sample code (responsive, configurable), small series feel very good, and now share to everyone, but also for everyone to do a reference. Follow the small series together to see it.
The frontier is well known, is there anything new? Well, I bet, in this article, there are a lot of things you don't see that you never know!
Not only can you use CSS3 to create rounded corners, you can display custom graphics as you would with
Some of the classic CSS techniques, we still need to remember, this can save us a lot of time, below the zero for everyone to recommend a few better CSS skills:
1. Use the same navigation code on different pages
Many pages have navigation menus,
I. Adaptive ellipse
Border-radius Features:
You can specify the horizontal and vertical radii individually, and the values can be percentages, separated by A/(slash) (you can implement an adaptive width ellipse).
You can also specify a
Centering is often the case when we use CSS to lay out the layout. When using CSS to center, sometimes a property can be done, and sometimes require a certain skill to be compatible with all browsers, this article on the center of some common
This is the front end summary • Basics · CSS series of the first, the main summary of the basic knowledge of the layout.
First, display 1.1 box model (Box-model) 1.2 inline element (inline) & Block Element (block) 1.3 inline block Element (
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service