css基础语法，简单选择器，文本样式2018/4/26

color

font-family

font-style

font-weight

font-size

text-align

text-decoration

text-indent

line-height

text-shadow

验证

今天代码部分其实比较简单，主要是多尝试，学习之后，回顾以下自己是否已经掌握以下概念：

什么是CSS，CSS是如何工作的

CSS的基本语法是怎样的

CSS选择器是什么概念，简单选择器和属性选择器是什么

文本样式都有哪些相关属性，对应哪些值

如果有同学觉得太简单，不妨花上3个小时来阅读 CSS 的标准文档，至于看标准规范有什么用，欢迎移步看CSS专家顾轶灵的知乎回答，以及貘吃馍香的回答。另外HTML也是，有时间可以读一下规范，这样你也可以像这样回答问题

原文地址：https://www.cnblogs.com/xxh-2014/p/8979855.html

时间： 2024-10-14 19:44:53

css基础语法，简单选择器，文本样式2018/4/26的相关文章

css基础语法和选择器的使用

css语法 selector{ property:value } 例:h1{color:red; font-size:14px} 属性大于1个之后,属性之间用分号隔开如果值大于1个单词,则需要加上引号 p{font-family:"sans serif";} 选择器分组: h1,h2,h3,h4,h5,h6{color:red;} 继承: body{ color:green; } css-派生选择器通过依据元素在其位置的上下文关系来定义样式 css-id选择器 id选择器可以为标有

css基本语法简单介绍

css基本语法简单介绍:本章节介绍一下css的基本语法,比较适合于初学者阅读,对于稍有经验的人员来说,几乎没有太多帮助,可以略过.使用css的方式主要以下三种: 1.行内样式 2.内嵌样式 3.外联样式当然可能不同的教材中的名称有所不同,不过实质都是一样的,不必太过纠结.下面分别介绍一下上面三种方式的使用.一.行内样式:所谓的行内样式就是通过标签的style属性,将css代码写在标签之内,代码如下: <div style="color:blue">softwhy.com&

css基础系列教程：CSS基础语法1

css基础系列教程:CSS基础语法1 作者:www.divcss8.com 我们学习CSS要明白一个重要的问题,CSS主要是解决与实现表现(CSS)与结构(HTML)的分离.我们编写完HTML之后,如何通过CSS对HTML实现控制呢. 1. 行内样式 2. 内嵌样式 3. 链接样式 4. 导入样式我们这一节课的示例就先从行内样式开始行内样式:就是直接在HTML上写样式,就是HTML上加属性style=""这种形式.如 <p style="color:#f00

CSS基础（背景、文本、列表、表格、轮廓）

CSS 背景属性属性描述 background 简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定或者随着页面的其余部分滚动. background-color 设置元素的背景颜色. background-image 把图像设置为背景. background-position 设置背景图像的起始位置. background-repeat 设置背景图像是否及如何重复. CSS 文本属性属性描述 color 设置文本颜色 directi

css基础语法一（选择器与css导入方式）

页面中,所有的CSS代码,需要写入到<style></style>标签中.style标签的type属性应该选择text/css,但是type属性可以省略. CSS修改页面中的所有标签,必须借助选择器选中.选择器中,可以写多对CSS属性,用{}包裹: 每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔. 选择器{ 属性1:属性值1; 属性2:属性值2;

CSS基础语法

1.简介层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言.相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言.CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,

CSS从零开始(1)--CSS基础语法

1.CSS语法 CSS规则有两个主要部分构成:选择器,以及一条或多条说明. 例如:selector{declaration1;declaration2;declaration3;......;} 注:选择器通常是你需要改变样式的html元素. 每条声明有一个属性和一个值组成. 属性(property)是你希望设置的样式属性(style attribute).每个属性都有一个值,属性与值之间通过冒号(:)隔开. 例:h1{color:red;font-size:10px;} 2.值的不同写法和单位

HTML5——css基础语法

1.了解CSS CSS是一种用来表现HTML等文件样式的计算机语言,是对HTMl文件中设置的各种标签添加各种各样的样式与表达方式,让网页更生动,更美观. 2.导入CSS的三种方式 1.行内样式表:直接在<body>主体的HTML标签中,使用style""的方式引用: 比如设置一个div的大小: <div style="height:100px width:100px"></div> 优点:使用灵活,优先级权重最高缺点:不符合w3

css基础系列教程：CSS基础语法2

作者:www.divcss8.com 在上一节中我们讲到了自定义ID选择器,为了以后JS获取内容方便,所以说我们只能使用一次.如果CSS代码想多次重复使用怎么办呢.那么就时候就可以用自定义的class选择符. 我们看一个下面这个示例: <!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q