电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

第3讲_CSS样式表VIP免费

第3讲_CSS样式表_第1页
1/32
第3讲_CSS样式表_第2页
2/32
第3讲_CSS样式表_第3页
3/32
层叠样式表CSS目标掌握样式表的语法规则样式表的分类:行内样式表内嵌样式表外部样式表掌握常用的样式了解层
标签1.1DHTML简介DHTML=HTML脚本语言JavaScript++层叠样式表CSS指定一个网页的元素决定元素的大小颜色和位置操纵网页的元素DHTML是制作动态HTML页面的技术!DHTML是制作动态HTML页面的技术!1.2DHTML的功能设计人员可以随着与用户的交互操作而改变文本的颜色、字体和大小设计人员可以随用户的输入或事件(如单击鼠标)而更改页面的内容设计人员可以用x座标和y座标来指定网页元素的确切位置(绝对位置或相对位置)设计人员可以将网页中的表格绑定到数据库设计人员可以将选择的字体和网页一起封装Web程序员可以编写脚本以更改网页的样式和内容在DHTML中,每个元素都被视为一个对象。可以独立地对每个对象进行访问和编程动态样式动态内容定位数据绑定可下载字体脚本对象结构2.1CSS样式表概述1996年初诞生了层叠样式表CSS技术。CSS是层叠样式表CascadingStyleSheet是用于实现对布局、字体、颜色、背景和其它网页效果实现更加精确的控制,其主旨就是将显示内容和显示的样式定义分离。CSS样式表既可以定义在HTML文档内部,也可以作为附加文档定义在文档外部。一个样式表可以作用于多个页面,甚至整个站点,一个HTML文件也可以引用多个CSS样式表中的样式定义。因此,样式表具有更好的易用性和扩展性。设置属性这个段落应用了样式

这个段落按默认样式显示什么是样式?指定显示样式样式规则常用的样式属性属性CSS名称说明颜色color文本属性font-size字体大小font-family字体text-align文本对齐边框属性(用于表单元素)border-style边框样式border-width边框宽度border-color边框颜色定位属性(position)top顶部边距(上边距)left左边距width宽度height高度z-indexz轴索引号,用于层2.2CSS的基本规则1.CSS的基本语法基本格式:Selector{property:value;}说明:属性和属性值之间用冒号(:)隔开,各定义之间用分号(;)隔开。Selector:是选择符,指明应用此样式代码的对象。可以是(X)HTML标记、自定义的id或者class对象。property:样式属性,如:大小、颜色、定位、边框等。value:样式属性值,常见形式有一定范围的可选值或带有单位的数值。eg:P{background:yellow;font-family:courier}2.2CSS的基本规则2.注释利用/*……*/为代码加上注释。eg:P.first{color:green}/*greenforthefirstparagraphofeverypage*/2.2CSS的基本规则3.CSS选择符的命名规则(1)区分大小写在XHTML中,CSS的id及class选择符名称是区分大小写的,eg:id="nav"不同于id="Nav"(2)采用合法字符命名必须以英文字母开始,后接字母、数字、下划线等(3)使用具有一定语义的字母组合(4)制定统一的命名规则例如:“变量类型_变量名”方式2.2CSS的基本规则命名网站元素list列表homepage首页content内容nav导航search搜索head头部foot底部menu菜单根据样式代码的位置,分为三类:行内样式内嵌样式外部样式3样式的分类在最后一个声明后面加上一个分号(;)是一个好习惯在最后一个声明后面加上一个分号(;)是一个好习惯3.1行内样式您如果希望某段文字和其他段落的文字显示风格不一样,那么请采用“行内样式”。行内样式使用元素标签的STYLE属性定义。/*--关键代码--*/

剩余时间:成交结束
新旧程度:全新
所在地:北京
宝贝数量:5件
浏览量:220次

另送价值50元的充电器套装!(一个充电器,两节充电电池)可使用半年以

应用样式P{font-size:20px;color:blue;text-align:center}

我是段落1

我是段落2

我是段落3

我们的样式绝对统一

3.2内嵌样式样式表样式规则所有的段落都采用P样式,保证样式统一行内样式表局限于某个标签,如果希...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

第3讲_CSS样式表

确认删除?
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群