CSS and html of the niugu news publishing system and css of the News Publishing System

Source: Internet
Author: User

CSS and html of the niugu news publishing system and css of the News Publishing System

The design of the front-end and back-end of the NIU news publishing system is in progress. It is time to stop and make a summary. Even though the language used is not the same as the fee for the data center, there are many commonalities. Finally, I understand that all languages are the same. This time I want to summarize CSS and HTML to pave the way for better learning.

CSS:

Features: separation of webpage content and styles

Css selector priority: ID selector> class selection> HTML Selector

Css core content: Standard stream, box model, floating between boxes, positioning, etc.

Css is called a Cascading Style Sheet. In the front-end design of Niuke news and publishing system, I understand the id selector and class selector.

Id Selector

The id selector can specify a specific style for HTML elements labeled with a specific id.

The id selector is set for the HTML Element Based on the id attribute. The id selector in CSS is defined.

Class Selector

The class selector is used to describe the style of a group of elements. The class selector is different from the id selector. The class can be used in multiple elements.

The class selector is represented by the class attribute in HTML. In CSS, the class selector is displayed with a dot ".".

HTML:

A descriptive text composed of HTML commands and HTML text roommate HTML commands. HTML commands can describe text, graphics, animations, sounds, tables, links, and so on. The structure of HTML consists of the header and Body. The header describes the information required by the browser. The topic includes the specific content to be described.

According to your understanding, HTML content is displayed on the website, and CSS is used to edit the statements of the website, the website deployment and design are all written in CSS statements. Teacher Mi said that knowledge should be used for comparison. It seems like our data center is billed. HTML is like our user form, and the background code is like the CSS statement.

By designing the niugu news publishing system, we initially learned a little bit about CSS and HTML. This part of content is still being learned. First, paste a self-designed webpage for your reference.






Html and CSS

If you buy a book, you can read it after more training.

Upstairs:
In CSS, the <div> control is basically enough. Use position, left, top, z-index, clear and other attributes can completely control the above elements.

It's just farting. Yes. A webpage is full of div, no p, no ul, no dl, and no div. You have to see the code as a portal. Don't listen to him, don't talk about it, mislead others.

Html and css

Html is a structure, and css is a manifestation.
That is to say, html determines what content you want to display to users on a page.
The css determines how you want to typeset the content and define how the content is displayed, such as the color of words, fonts, and spacing between them.
Compared with building a house, html decides how many rooms are in the house and what is in each room; css is equivalent to determining the size of each room in the house, the color and distribution of the wall, and so on.

Contact Us

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.