《CSS的设计与应用-LAMP兄弟连PHP培训》.pdf

LAMPLAMP兄弟连兄弟连PHPPHP培训培训配套课件配套课件 CSS的设计与应用 网址： 电话电话：：400400 700700 咨询QQ：1020824692 CSSCSS的设计与应用的设计与应用 1. 将样式表加入到HTML中 2.2. CSSCSS选择符选择符 3. 常见的样式属性和值 一一、、将样式表加入到将样式表加入到HTMLHTML中中 1.1 CSS是什么？ 1.21.2 CSSCSS语法语法 1.3 CSS如何应加入到HTML中 1.11.1 CSSCSS是什么是什么？？ CSSCSS是用于布局与美化网页的是用于布局与美化网页的.. CSS是Cascading Style Sheets的英文缩写,即层叠样式表 CSSCSS语言是一种标记语言语言是一种标记语言,,因此不需要编译因此不需要编译,,可以直接由浏览可以直接由浏览 器执行(属于浏览器解释型语言). CSSCSS文件是一个文本文件文件是一个文本文件,,它包含了一些它包含了一些CSSCSS标记标记,CSS,CSS文件必文件必 须使用.css为文件名后缀. CSSCSS是大小写不敏感的是大小写不敏感的,CSS,CSS与与csscss是一样的是一样的.. CSS是由W3C的CSS工作组产生和维护的. 提示：可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减 少我们的工作量,所以她是每一个网页设计人员的必修课. CSS的历史: 年W3CW3C正式推出了正式推出了CSS1.CSS1. 1998年W3C正式推出了CSS2. CSS2.1CSS2.1是是W3CW3C现在正在推荐使用的现在正在推荐使用的.. CSS3现在还处于开发中. W3C的CSS主页/Style/CSS/ 外观不同 内容相同 为什么需要为什么需要CSSCSS样式表样式表 样式表能实现内容与样式的分离样式表能实现内容与样式的分离，，方便团队开发方便团队开发 美工做样式 内容与样式和谐 统统一的完整网页的完整网页 1.21.2 CSSCSS语法语法 基本语法基本语法：： CSS定义分别由：选择符、属性、属性取值组成 格式：selector{property:value} 选择符可以是选择符可以是HTMLHTML中的标记名称中的标记名称，，具体下节讲到具体下节讲到。。 属性和值之间用冒分开，多个属性之间加分号 CSSCSS是大小写不敏感的是大小写不敏感的,,在在CSSCSS语法中推荐使用小写语法中推荐使用小写 如：body{color:red}设置了页面为红色的文字 例例：：p{textp{text--align:center;color:red;fontalign:center;color:red;font--family:family:宋体宋体}} html 本页面中所有的P标 headhead 签都应用了此样式签都应用了此样式 title样式规则/title 选择器 style type=text/css p{p{ colorcolor::redred;; fontfont--familyfamily::隶书隶书;; fontfont--sizesize::24px24px;};} /style /head