CSS rules consist of two main parts: the selector, and one or more declarations. The selector is the HTML element whose style needs to be changed; each declaration consists of an attribute and a value. The CSS declaration statement always ends with a semicolon ";", and the declaration group is enclosed in curly brackets "{...}".
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
CSS rules consist of two main parts: the selector, and one or more declarations.
The selector is the HTML element whose style needs to be changed.
Each declaration consists of an attribute and a value. The attribute is a set style attribute. Each attribute has a value. The attribute and value are separated by colons.
CSS declarations always end with a semicolon ;
, and groups of declarations are enclosed in braces {…}
. To make CSS more readable, describe only one property per line.
Example:
p /*选择器*/ { color:red;/*属性+值*/ text-indent:2em; }
CSS id selector and class selector
id selector
/* 注意:id选择器前有 # 号。 */ #sky{ color: blue; }
<p id="sky">蓝色的天空</p> <p id="forest">绿色的森林</p>
This rule indicates , find the element with the id of sky on the page and make it blue. On the page as shown below, the words "blue sky" will be blue. The id selector only applies to one element.
class selector
/* 注意:class选择器前有 . 号。 */ .center{ text-align: center; } .large{ font-size: 30px; } .red{ color: red; }
<p class="center">我会居中显示的</p> <p class="red">我是红色的</p> <p class="center large red">我又红又大还居中</p> <p class="red">我也可以是红的</p>
The class value of an element can have multiple values or be repeated. Class selectors are very common.
css comments
Any language requires comments, HTML uses to comment, and CSS uses
/* Comment statement*/
to comment.
body { /*页面基本属性*/ font-size: 12px; color: #CCCCCC; } /*段落文本基础属性*/ p { background-color: #FF00FF; }
Function of comments:
CSS comments are used for annotations. We often use CSS annotations to make special comments on CSS code or layout CSS styles. There are also conditional comments for functional use.
css annotations (css annotations) can help us explain the CSS files we write, such as explaining the location, function, style, etc. of a certain piece of CSS code, so that we can maintain an easy-to-understand CSS file in the future. Convenience. At the same time, when the team is developing a web page, reasonable and appropriate annotations will help the team understand where the css style corresponds to the html, so that the div css web page can be developed smoothly and quickly.
(Learning video sharing: css video tutorial)
The above is the detailed content of What does a css declaration statement always end with?. For more information, please follow other related articles on the PHP Chinese website!

在css中,可用list-style-type属性来去掉ul的圆点标记,语法为“ul{list-style-type:none}”;list-style-type属性可设置列表项标记的类型,当值为“none”可不定义标记,也可去除已有标记。

区别是:css是层叠样式表单,是将样式信息与网页内容分离的一种标记语言,主要用来设计网页的样式,还可以对网页各元素进行格式化;xml是可扩展标记语言,是一种数据存储语言,用于使用简单的标记描述数据,将文档分成许多部件并对这些部件加以标识。

在css中,可以利用cursor属性实现鼠标隐藏效果,该属性用于定义鼠标指针放在一个元素边界范围内时所用的光标形状,当属性值设置为none时,就可以实现鼠标隐藏效果,语法为“元素{cursor:none}”。

在css中,可以利用“font-style”属性设置i元素不是斜体样式,该属性用于指定文本的字体样式,当属性值设置为“normal”时,会显示元素的标准字体样式,语法为“i元素{font-style:normal}”。

在css中,rtl是“right-to-left”的缩写,是从右往左的意思,指的是内联内容从右往左依次排布,是direction属性的一个属性值;该属性规定了文本的方向和书写方向,语法为“元素{direction:rtl}”。

转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

在css3中,可以用“transform-origin”属性设置rotate的旋转中心点,该属性可更改转换元素的位置,第一个参数设置x轴的旋转位置,第二个参数设置y轴旋转位置,语法为“transform-origin:x轴位置 y轴位置”。


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Atom editor mac version download
The most popular open source editor

Dreamweaver Mac version
Visual web development tools

Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),