CSS教程 - 从入门到使用

HTML是房子，CSS是装修，JavaScript是生活

前程往事

HTML教程 - 从入门到使用

JavaScript教程 - 从入门到使用

jQuery教程 - 从入门到使用

还没写完，下班中，明天上班继续补充~

CSS作用
CSS规则组成
CSS的创建与使用
- 内联样式(Inline style)
- 内部样式表(Internal style sheet)
- 外部样式表(External style sheet)
选择器类型

CSS作用

修饰、美化前台界面
完善html属性的不足
整合代码，便于维护

CSS规则组成

选择器
一条或多条声明

h1:元素选择器

注意

整体声明以大括号{} 包裹
多个声明之间以封号；分开
每个属性有一个值
属性与值之间使用冒号（：）分开

CSS的创建与使用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开心就好</title>
<style>
body
{background-color:#b0c4de;
}.first{color:red;font-size:20pt;}
</style>
</head><body><p class='first'>开始的开始</p><p style="color:sienna;margin-left:5px">我们只是孩子</p></body></html>

内联样式(Inline style)

这是一种新手最初要掌握的行内样式，通常在HTML标签内使用样式(style)属性,然后在style属性内可以包含CSS属性

<p style="color:sienna;margin-left:20px">第一个段落</p>

内部样式表(Internal style sheet)

外部样式表(External style sheet)

选择器类型

元素选择器
id 选择器
class 选择器

CSS教程 - 从入门到使用相关推荐

HTML教程 - 从入门到使用
HTML是房子,CSS是装修,JavaScript是生活提要:常用标签,并非全部 - 持续补入前程往事 CSS教程 - 从入门到使用 (此处不完善) JavaScript教程 - 从入门到使用 j ...
CSS的预编译——less语言基本语法教程（入门）
less语言基本语法教程(入门) 一.CSS解析 css是一门标记性语言,语法简单,对使用者的要求也比较低. 缺点:1.对于css:使用css时需要书写大量的看似没有逻辑的代码,不方便维护和扩展,不利 ...
【入门须知】学DIV CSS技术如何入门?
[入门须知]学DIV CSS技术如何入门? 引言: 引用一本书中的一段文字:"当我第一次开始学习汉语时,我的家庭老师老王给了我一本汉英字典.一本汉语语法书和一本初级教程.但是,他将这些书放 ...
Android Studio教程从入门到精通
最新2.0系列文章参考: Android Studio2.0 教程从入门到精通Windows版 - 安装篇 Android Studio2.0 教程从入门到精通Windows版 - 入门篇 Andro ...
视频教程-最新完整react教程从入门到精通包教包会-ReactJS
最新完整react教程从入门到精通包教包会 10年以上开发经验,曾经是八维教育实训主任,千峰教育高级HTML5前端讲师,尚品中国创始人.现任程序思维创始人.曾和大厂.国企等大型企业合作开发项目.百余客 ...
李炎恢老师XHTML视频教程DIV+CSS教程与课件代码
[No32]李炎恢老师XHTML视频教程DIV+CSS教程与课件代码课程目录: css专题 0.视频项目源代码+素材第1章 XHTML学前准备(1课时) 第2章 HTML基本结构(2课时) 第3章 ...
css教程 school,CSS 教程
CSS教程简介本教程主要描述如何通过CSS来大大提升网页开发的工作效率!在我们的 CSS 教程中,您会学到如何使用 CSS 同时控制多重网页的样式和布局. 本 CSS 教程包含了数百个CSS在线实例 ...
Css教程玉女心经版本
视频参见:php中文网css玉女心经视频教程 Css教程玉女心经版本第1章 :css快速入门 1.1 什么是css 改变html框架的样式. 1.2 css的三种引入形式第 ...
mxGraph进阶(一)mxGraph教程-开发入门指南
mxGraph教程-开发入门指南概述 mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图.图表.网络图和普通图形的Web应用程序.mxgraph下载包中包括用 ...

CSS教程 - 从入门到使用

CSS作用

CSS规则组成

CSS的创建与使用

内联样式(Inline style)

内部样式表(Internal style sheet)

外部样式表(External style sheet)

选择器类型

CSS教程 - 从入门到使用相关推荐

最新文章

热门文章