css学习笔记_css自学教程_css基础知识_day

《css学习笔记_css自学教程_css基础知识_day》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、、css简介1.1什么是cssCSS（CascadingStyleSheets的缩写）,翻译为“层叠样式表”或者“级联样式表”，简称样式表。1.2CSS的主要作用它主要是用来给HTML网页来设置外观或者样式外观或者样式：HTML网页屮的文字的大小、颜色、字体，网页的背景颜色、背景图片！1.3书写CSS的语法规则雇性值1hlf厂才{color:red;J1—选择器1声明属性值font-size:14px;}声明•css代码是由选择器和一对

2、括号组成•大括号里面是由一条一条的声明语句组成•每一条语句都要使用英文状态下面的分号•每一条语句是由“属性:值”组成•CSS中的属性值一般不加引号•在CSS中如果属性值为数值型数据的时候一般情况下需要加单位单位一般都是px（像素）•在CSS中不能出现HTML标签1.4快速入门+1+2+3+4+5+6+7+8+-性性性属属属亠亘16}17♦/18adiv{19background-color:gray;/水用于设置背景颜色为灰色*/width:100px;/*宽度为100px*/DDocumentXVC

3、Qfile:///D;/

4、class/24朋/04・CSS/代码/G21height:100px;/*r^度为100px*/22color:#f00;厂设置文本药颜色*/23font-size:14px;/*设置文本的字体大小+/:•:应用工惟24}25252628a30a

5、.1什么是书写方式？CSS代码应该书写在什么地方！书写方式分为三种：嵌入式、外链式、行内式2.2嵌入式什么是嵌入式？将CSS代码嵌入到HTML文件屮，嵌入式是通过HTML中的如果我们使用的是HTML5的文档type属性可以省略不写！78/*在这里面书写CSS代码将CSS代码使用style标签嵌入到HTML文件中这种方

6、式我们称之为嵌入式9选择器｛属性:值汀10i1*/11p{12font-weight:bold;/*k将文本设置为加粗的效果*/13于ont-style:italic;/*将文本设置为斜体的效果*/114coLor:#00f;15}y0SA5ZX€16C©file:///D;/class/24期/O4・CSS/代码/嵌入式・h17:::应用口工作】博字谷1819通过航yk标签将CSS代码嵌入到W文件中20

通过style标签将CSS代码嵌入到HTML文件中

7、l>1注意：它可以出现在HTML屮的任何地方，但是一般情况我们只会将它放置在head标签里面2.3外链式什么是外链式？外链式是指单独写一个以.CSS为扩展名的文件,然后在标签屮使用（clink/>标签，将这个css文件链接到html文件中注意：CSS文件不能单独的运行，它必须要依赖于HTML文件！语法格式：5611

8、krel=,lstylesheet11type=,,text/cssHhref=n外边CSS文件的地址名称类型大小崔］indexxss层叠鈕表文栏0KB以・CSS为扩展名的文件这个文件可以称为CSS文件IGO工具CD帮助(H)m▼共拿▼刻灵新建文件夹名称"修改日期类型大小Jindex.css2017/3/610:25CSS文件O~KB外部的css文件link标签讨以有多个，一个HTML页面可以同时旳引入多个单独旳CSS文件若到◎工貝CD項目(P)Sfi®(N)index.csspubliccss5678910111213141

9、516171819202122〈代mlang=HerT>