CSS简介

1.CSS(Cascading Style Sheets) 层叠样式表　　

　　CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。

2.CSS的语法结构　　

　　CSS语法有三部分：选择符、属性和值。属性(property)是用户希望设置的属性(style attribute)。每个属性有一个值。属性和值由冒号分开。

　　Selector {Property:Value }　　Selector:选择符;　　Property:属性;　　Value:属性值;

　　例子：

　　 <style type="text/css"> body { background-color:#cccccc;} </style>

3.CSS的三种引用方式

　　(1)行内引用

　　行内引用是指将CSS样式编码直接写在HTML标签中的style属性中。这种方式引入CSS不需要写选择器。

　　例子：　　

<body style="background-color:#ccccc;"><h1 style="font-size:12px; color:#ff0000;">这是一个标题</h1></body>

<body style="background-color:#ccccc;"><h1 style="font-size:20px; color:#0000ff;">这是另一个标题</h1></body>

　　效果：

这是一个标题

这是另一个标题

　　(2)页内引用

　　页内引用作为页面中的一个单独部分，由<style></style>标签定位在<head></head>中。

　　例子：　　

<head><style type="text/css">body {background-color:#cccccc;}</style>
</head>

　　(3)外部样式表

　　外部样式表是CSS应用中最好的一种形式，它将CSS样式代码单独放在外部文件中，再由网页进行调用。

　　例：

　　 style.css : body { background-color:#cccccc; } 将它放在外部CSS文件夹中　　

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

　　将这段代码放在如index.html的文件中，即可调用CSS样式。

　　三种引入方式的优先级依次为：行内引用 > 页内引用 > 页外引用　　需要注意的是它们首先遵从就近原则。

4.CSS代码注释

　　CSS的代码注释与HTML不同，它以 /* 开始，以 */ 结束。

　　例：

/* 公共样式*/body { margin:0px; padding:0px;}    /*导航样式开始*/#nav {……}/*导航样式结束*/

转载于:https://www.cnblogs.com/Aeneas/p/5751925.html

我的CSS笔记(一)相关推荐

html5 居于页面中心,css笔记：如何让一个div居于页面正中间
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...
CSS笔记-除了a标签外的hover属性的应用
CSS笔记-除了a标签外的hover属性的应用内容简介:以下写的可能对于大部分网友来说可能很简单,但是我自己确实是不知道的. 有一段这样的html: div a href=# img alt=i am ...
HTML+CSS笔记5
HTML+CSS笔记5 strong和b.em和i 优势:可以不用多个class进行区分,简化选择器操作引用标签 iframe标签 br与wbr map与area embed与object audi ...
慕课学习史上最全零基础入门HTML5和CSS笔记
慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...
CSS 笔记（十二）：预处理器 —— Less
CSS 笔记(十二):预处理器 -- Less 什么是 CSS 预处理器 CSS 预处理器就是使用某一种语言为 CSS 增加一些动态语言的特性,使用 CSS 预处理器可以使 CSS 具有简洁,适应性强 ...
HTML与CSS笔记
HTML与CSS笔记一.HTML: IDE快捷键: tab:补全标签 ctrl+/:快速注释常用标签: <h1.h2--h6:六级标题 <p:段落 <strong:粗体 < ...
【CSS笔记】CSS文本颜色、字母大小写、文本对齐、文本装饰线、文本字体
目录一.CSS笔记 1.1.CSS文本颜色 1.2.CSS字母大小写 1.3.CSS文本对齐 1.4.CSS文本缩进.间距.行高 (1)如何计算行高??? 1.5.CSS文本装饰线 1.6.CSS字 ...
HTML+CSS笔记4
HTML+CSS笔记4 position定位特性取值 static(默认) relative(相对定位) absolute(绝对定位) fixed(固定定位 ) sticky(粘性定位) CSS添 ...
Html 和 CSS笔记
html 和 css 原文链接:https://blog.csdn.net/Lin16819/article/details/102759862 不断学习,后期的新增笔记会继续加到文章上方点击链接后 ...
CSS尺寸与文本讲解。HTML、CSS笔记（四）。
文章目录 CSS尺寸(Dimention) 行高line-height属性尺寸的其他属性 heigh.width属性 max-height.max-width属性 min-height.min-wi ...

我的CSS笔记(一)