CSS基础知识(一) CSS入门

文章目录

一、CSS使用场景
二、CSS简介
三、CSS规则
四、CSS代码风格
- 1.样式格式书写
- 2.样式大小写
- 3.空格规范

一、CSS使用场景

美化网页，布局页面

二、CSS简介

CSS是层叠样式表(Cascading Style Sheets)的简称，也称之为CSS样式表或级联样式表
CSS是一种标记语言，用于设置HTML页面中的文本内容(字体、大小、对齐方式等)，图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式
CSS最大价值：结构与样式相分离(由HTML专注去做结构呈现，样式交给CSS)

三、CSS规则

由选择器以及一条或多条声明这两个主要部分构成

选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体形式
属性和属性值以"键值对"的形式出现，中间用英文冒号分开；多个键值对之间用英文分号分开

四、CSS代码风格

1.样式格式书写

a.紧凑格式
h3 { color: pink; font-size: 20px;}
b.展开模式(推荐)
h3 {
color: pink;
font-size: 20px;
}

2.样式大小写

用小写字母

3.空格规范

a.属性值前面，冒号后面，保留一个空格
b.选择器和大括号中间保留空格

CSS基础知识(一) CSS入门相关推荐

CSS基础知识介绍——CSS排版
1. 设计上中下版式的样式 <!DOCTYPE html> <html> <head><title>CSS</title><style ...
前端开发入门：html和css基础知识回顾2
HTML+CSS基础知识 1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被 ...
css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识
好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...
〖前端开发〗HTML/CSS基础知识学习笔记
经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构:HTML文件的固定结构:<html><head>...</head><b ...
HTML/CSS基础知识（四）
WEB标准和W3C的理解与认识 Web标准是一系列标准的集合. 网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 对应的标准也分三方面:结 ...
html css基础知识
1 这是自己学习html时候做的一些记录,供大家参考 <!-- 2 块和内联3 块元素:独占一行的元素4 div p h ul5 div没有任何语义,就是一个纯粹的快元素6 就是为了方便布局7 ...
HTML+CSS基础知识简单版
HTML+CSS基础知识简单版一.HTML概述 HTML:超文本标记语言,其实就是用来开发网页的一门语言: CSS:层叠样式表,可以用于渲染网页.美化网页.做网页. 1.HTML介绍 HTML:超文 ...
CSS基础知识（一）：选择器
文章目录前言一.CSS基础知识二.选择器 1.选择器 2.基础选择器 2.1 标签选择器 2.2 类选择器 2.3 id选择器 2.4 通配符选择器 2.5 基础选择器总结 3.复合选择器 3. ...
CSS基础知识---三种选择器
CSS基础知识---三种选择器选择器标签选择器 id选择器 class选择器全部代码选择器标签选择器 id选择器 class选择器标签选择器选择器优先级:id>class>标 ...

CSS基础知识(一) CSS入门

文章目录

一、CSS使用场景

二、CSS简介

三、CSS规则

四、CSS代码风格

1.样式格式书写

2.样式大小写

3.空格规范

CSS基础知识(一) CSS入门相关推荐

最新文章

热门文章