css 入门知识

61IC中国电子在线

CCSv5入门教程 – CSSv5 Tutorials

CCSv5(Code Composer Studio v5)是TI公司的一个IDE环境，基本支持市面上所有TI的板子，CCSv5其实就是一个封装过得Eclipse，所以界面对我来说还是比较亲切的。

不知道为什么网上基本没有中文CCSv5资料，经过一系列摸索，总算成功新建并在板子上调试了第一个程序，整理出来，以馈后来者。

我这里以LM3S811板子为例, Demo用的是StellarisWare库。

1. 新建CCS Project （Create a new CSSProject） 61IC中国电子在线

61IC中国电子在线

2. 参数按下面调整（Set options as following） 61IC中国电子在线

61IC中国电子在线

3. 编写代码（Editing source code ）

1. #include "inc/hw_types.h"

2. #include "driverlib/debug.h"

3. #include "driverlib/sysctl.h"

4. #include "drivers/display96x16x1.h"

5.

6. #ifdef DEBUG

7. void

8. __error__(char *pcFilename, unsigned long ulLine)

9. {

10. }

11. #endif

12.

13. int main(void)

14. {

15. SysCtlClockSet(SYSCTL_SYSDIV_1 | SYSCTL_USE_OSC | SYSCTL_OSC_MAIN |

16. SYSCTL_XTAL_6MHZ);

17.

18. Display96x16x1Init(false);

19. Display96x16x1StringDraw(" Hello Embeded!", 0, 0);

CSS超全笔记（适合新⼿⼊门）

CSS

CSS初识

CSS(Cascading Style Sheets) 美化样式

CSS通常称为CSS样式表或层叠样式表（级联样式表），主要⽤于设置HTML页⾯中的⽂本内容（字体、⼤⼩、对齐⽅式等）、图⽚的外形（宽⾼、边框样式、边距等）以及版⾯的布局等外观显⽰样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜⾊、背景的控制及整体排版等，⽽且还可以针对不同的浏览器设置不同的样式。

引⼊CSS样式表（书写位置）

CSS可以写到那个位置？ 是不是⼀定写到html⽂件⾥⾯呢？

内部样式表

内嵌式是将CSS代码集中写在HTML⽂档的head头部标签中，并且⽤style标签定义，其基本语法格式如下：

语法中，style标签⼀般位于head标签中title标签之后，也可以把他放在HTML⽂档的任何地⽅。type="text/CSS" 在html5中可以省略， 写上也⽐较符合规范， 所以这个地⽅可以写也可以省略。

⾏内式（内联样式）

内联样式，⼜有⼈称⾏内样式、⾏间样式、内嵌样式。是通过标签的style属性来设置元素的样式，其基本语法格式如下： 内容

语法中style是标签的属性，实际上任何HTML标签都拥有style属性，⽤来设置⾏内式。其中属性和值的书写规范与CSS样式规则相同，⾏内式只对其所在的标签及嵌套在其中的⼦标签起作⽤。

外部样式表（外链式）

链⼊式是将所有的样式放在⼀个或多个以.CSS为扩展名的外部样式表⽂件中，通过link标签将外部样式表⽂件链接到HTML⽂档中，其基本语法格式如下：

注意： link 是个单标签哦

该语法中，link标签需要放在的三个属性head头部标签中，并且必须指定link标签，具体如下：href：定义所链接外部样式表⽂件的URL，可以是相对路径，也可以是绝对路径。type：定义所链接⽂档的类型，在这⾥需要指定为“text/CSS”，表⽰链接的外部⽂件为CSS样式表。rel：定义当前⽂档与被链接⽂档之间的关系，在这⾥需要指定为“stylesheet”，表⽰被链接的⽂档是⼀个样式表⽂件。

六、CSS⼊门

CSS核⼼基础

CSS样式规则

选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

CSS代码结构中的特点

CSS样式中的选择器严格区分⼤⼩写，属性和值不区分⼤⼩写，按照书写习惯⼀般将“选择器、属性和值”都采⽤⼩写的⽅

式。

多个属性之间必须⽤英⽂状态下的分号隔开，最后⼀个属性后的分号可以省略，但是，为了便于增加新样式最好保留。

如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英⽂状态下的引号。

在编写CSS代码时，为了提⾼代码的可读性，通常会加上CSS注释。

在CSS代码中空格是不被解析的，花括号以及分号前后的空格可有可⽆。属性和属性值之间不允许出现空格，否则浏览器会报错

引⼊CSS样式表

优先级： 如果三种样式同时控制我们的内容：⾏内优先级最⾼

外部样式，内部样式：谁离着内容近，谁优先级⾼

1、⾏内式

⾏内式也称为内联样式，是通过标记的style属性来设置元素的样式 内容

style是标记的属性，实际上任何HTML标记都拥有style属性，⽤来设置⾏内式。其中属性和值的书写规范与CSS样式规则相

同，⾏内式只对其所在的标记及嵌套在其中的⼦标记起作⽤。

2、内嵌式

内嵌式是将CSS代码集中写在HTML⽂档的头部标记中，并且⽤

style标记内还可以存放其他的内嵌样式，@import语句需要位于其他内嵌样式的上⾯。

CSS基础选择器

概述

要想将CSS样式应⽤于特定的HTML元素，⾸先需要找到⽬标元素

在CSS中执⾏这⼀任务的样式规则部分被称为选择器1、标记(元素)选择器

标签名｛

｝

是指⽤HTML标记名称作为选择器，按标记名称分类，为页⾯中某⼀类标记指定统⼀的CSS样式

标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

例如:p{ font-size:12px; color:#666; font-family:"微软雅⿊";}

最⼤的优点是能快速为页⾯中同类型的标记统⼀样式，同时这也是他的缺点，不能设计差异化样式。

简述css的定义与使用方法

CSS的定义与使用

什么是CSS？

CSS（Cascading Style Sheets）是一种用于定义网页样式的语言。它与HTML结合使用，通过选择器和声明来控制文档的样式。使用CSS，我们可以对文本、链接、图像等元素进行字体、颜色、大小、布局等方面的美化。

CSS的使用方法

内部样式表

内部样式表是将CSS代码直接写在HTML文件的

这是一个段落。

外部样式表

外部样式表是将CSS代码放在一个单独的CSS文件中，然后在HTML文件中通过标签引用。这种方式适用于多个网页共享相同样式的情况，使样式与内容分离，方便维护。

例如：

这是一个段落。

内联样式

内联样式是将CSS代码直接写在HTML标签的style属性中。这种方式适用于单个元素的样式设定，代码直接嵌入在HTML标签中。

例如：

这是一个段落。

CSS的选择器

CSS的选择器用于选中需要样式化的HTML元素。以下是常用的选择器：

• 元素选择器：通过元素名选中元素，如p选中所有段落。

• 类选择器：通过类名选中元素，如.highlight选中所有class为highlight的元素。

• ID选择器：通过ID名选中元素，如#header选中id为header的元素。

• 属性选择器：通过元素的某个属性选中元素，如`a[href=”

• 伪类选择器：通过元素的特殊状态选中元素，如:hover选中鼠标悬停的元素。

CSS的常用属性

CSS中有很多属性可以用来美化网页。以下是一些常用属性的示例：

• color：设置文本颜色。

• font-size：设置文本大小。

• font-family：设置文本字体。

• background-color：设置背景颜色。

• margin：设置元素的外边距。 • padding：设置元素的内边距。

• width：设置元素的宽度。