欢迎来到天天文库
浏览记录
ID：41369259
大小：228.50 KB
页数：30页
时间：2019-08-23
《PPT02-2CSS基本语法入门(快速)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、一.CSS基本语法入门韩山师范学院教育科学学院CSS快速入门关键内容：（1）CSS语法、选择器类型及虚类（2）不同选择器类的应用方式类自动，ID认名字，标签和虚类自动（3）引入方式（即样式代码写在什么位置）（4）DW图形化样式设置--》写“样式代码”①文本：字体、大小、颜色、行高、对齐等②列表：③链接：的四种状态，display:block变成“块”④图片：边框、边框样式、边框宽度、大小⑤环绕方式：float浮动、padding内边距、position：fixed1.CSS概念CSS:CascadingStyleSheets层叠（级联）样式表，习惯叫CSS样式表CSS是层叠样式表，多
2、重样式定义被层叠在一起成为一个整体，在网页设置中是标准的布局语言，用来控制元素的尺寸、颜色和排版等。使用样式表：将“网页结构代码”和“网页格式风格代码”分离，从而使网页设计者可以对网页的布局进行更多的控制。(一)CSS基础知识介绍2.CSS的基本语法一个样式（style）由selector选择器、property属性和value属性值三部分组成，形式如下：selector{property:value}在selector大括号里，使用属性名和属性值参数对来定义选择器里面的样式。多个属性和属性值，中间用分号隔开。①selector{property1:value1；property2:val
3、ue2}②selector{property1:value1；property2:value2}③selector{property1:value1；property2:value2；}(一)CSS基础知识介绍2.1CSS选择器HTML选择器、Class选择器、ID选择器（1）HTMLselector：指HTML标签（2）classselector：“.类名”定义，使用HTML标签的class属性值的选择器（3）IDselector：“#ID名”定义，使用HTML标签的ID属性定义的选择器，一个网页文件中只能有一个元素使用某一个ID的属性值，即ID名不能重复（可以理解为元素的名字）id，n
4、ame属性：以前用name，现在习惯用id(一)CSS基础知识介绍虚类(伪类)选择器即链接的4种状态a:link(a)a:visiteda:activea:hover(一)CSS基础知识介绍一般情况下建议所有定义名称都用小写例子1-1了解三种选择器的应用方式（包括虚类）重点，理解应用方式(一)CSS基础知识介绍2.2选择器声明集体声明和嵌套声明（1）集体声明（并列）例子：h1,h2,h3,h4,p{color:red;}(一)CSS基础知识介绍（2）嵌套声明（包含）一定要掌握它的含义，虽然不难。对特殊位置的HTML标签进行声明，例子：(一)CSS基础知识介绍例子1：Pb{color:blu
5、e;font-family:arial}例子2:区别？a{color:blue;}.list1a{color:red;}3.CSS的引入方式(1)CSS代码直接添加到HTML标签里，style属性：内联式test
6、冲突，则同时起作用(一)CSS基础知识介绍4.CSS里的单位和值颜色：推荐使用十六进制长度单位：绝对单位（in、cm、mm、pt）和相对单位（em、ex、px），px使用较多网页路径：绝对路径和相对路径“/”:根root(一)CSS基础知识介绍例子1-2CSS基本语法的演练巩固练习（二）通过CSS控制字体样式1.通过CSS控制文本样式字体样式{font:font-stylefontvariantfont-weightfont-sizefont-family}颜色{color:颜色}例子：test字体{font:font-sizefont-fa
7、mily}(1)p{font:italic12px宋体}(2)p{font-family:宋体；font-size:12px}范例：2-1字体颜色+字体设置粗细和斜体{font-weight:100-900
8、bold
9、bolder
10、lighter
11、noraml;}大小和行高大小：{font-size:数值;}行高：{line-height:数值;}例如：{font-size:12px;}{line-height:50px
此文档下载收益归作者所有
