Community Learn Tools Library Leisure
search
English
Home > Web Front-end > Front-end Q&A > body text

what is css style sheet

青灯夜游
Release： 2023-01-04 09:34:22
Original
6803 people have browsed it

css style sheet refers to Cascading Style Sheets (CSS), a computer language used to express file styles such as HTML or XML, and a programming language used to express HTML styles. Language is a style language that can separate web pages and content.

what is css style sheet

The operating environment of this tutorial: Windows 7 system, CSS3 version, Dell G3 computer.

css style sheet generally refers to CSS (cascading style sheet).

Cascading Style Sheets (English full name: Cascading Style Sheets) are files used to express HTML (an application of Standard Generalized Markup Language) or XML (a subset of Standard Generalized Markup Language). The computer language of styles is a programming language used to express HTML styles. It is a style language that can separate web pages and content.

CSS is mainly used to design the style of web pages and beautify web pages; it can not only statically modify web pages, but also dynamically format various elements of web pages in conjunction with various scripting languages.

CSS can perform pixel-level precise control over the layout of element positions in web pages, supports almost all font size styles, and has the ability to edit web page objects and model styles.

Composition of css

css definition consists of three parts: selector, attribute, attribute value

选择符{属性:属性值;}
Copy after login

1. Selector: also known as Selectors, all tags in HTML language are controlled through different css selectors.

2. Attributes: mainly include font attributes, text attributes, background attributes, layout attributes, border attributes, list item attributes, table attributes, etc. Some of these attributes are only supported by some browsers, which makes the use of CSS attributes more complicated

3. Attribute value: is the valid value of a certain attribute. Attributes and attribute values ​​are separated by ":" semicolons. When there are multiple attributes, use ";" to separate them.

Example:

<style>
h2{
font-family:宋体;
color:red;
}
</style>
Copy after login

(Learning video sharing: css video tutorial)

Note: h2 is the selector; font-family is the attribute; "宋体" is the attribute value

css selector

Commonly used ones include tag selector, category selector, id selector, etc.

1) Tag selector (also called element selector, type selector)

what: HTML page is composed of many tags, such as image tag , hyperlink tag , table tag

, etc. The css tag selector declares which tags on the page adopt css styles.

Example:

<style>
a{
font-size:9px;
color:#F93;
}
<style>
Copy after login

2) Category selector

Format: Dot (.) Category name

There are limitations to using tag selectors. If you declare a tag selector, all content of that tag in the page will change. Suppose there are 3

tags on the page. If you want each

to display differently, you can use the category tagger.

  • The HTML tag of the category selector only needs to be declared using the class attribute.

  • In HTML tags, you can apply multiple category selectors, which allows HTML to load the styles of multiple category selectors at the same time. Use spaces to separate multiple category selectors, for example:

    .

3) id selector

The id selector selects and adds styles through the id attribute in the HTML page, which is basically the same as the category selector.

Format: "#" id attribute value

The named id selector should start with "#", followed by the "#" in the HTML tag id attribute value.

For more programming related knowledge, please visit: Programming Video! !

The above is the detailed content of what is css style sheet. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
css stylesheet
source：php.cn
Previous article：How to set the picture not to be tiled in css Next article：What is div+css
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
9
1588
Move the content to the left by adding the Width property I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...
From 2024-04-06 22:01:35
0
3
816
How to trigger render (with filter and pagination) on sort method in React? Here is my Sort.js style component: <SortWrapper><SortText>SortBy</SortText...
From 2024-04-06 21:28:37
0
1
2257
Regular expression to match words I have a script where I am trying to match new job names with existing job names in a data...
From 2024-04-06 21:24:04
0
1
606
The query and formula form the entire table, with new columns, where the new columns are formulas involving other conditional column values EDIT: The formula should be the "value" column - the "value" column wi...
From 2024-04-06 21:23:40
0
2
530
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template

Public welfare online PHP training，Help PHP learners grow quickly！

About us Disclaimer Sitemap

© php.cn All rights reserved