1.行内样式:
行内样式是使用CSS方法中最为直接的一种,它直接对HTML的标记使用style属性,然后将CSS代码直接写入其中
2.内嵌式:内嵌式样式表就是将CSS写在
和之间,并且用标记进行声明。示例:内嵌式CSS
p{
color: #0000FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
内容1……
内容2……
内容3……
所有的CSS代码被集中在了同一区域,方便了后期维护,页面代码也大大减少。但如果一个网站拥有很多页面,对于不同页面上的
标记都采用同样风格时,内嵌式方法也有些麻烦,因此更适用于对特殊的页面设置单独的样式风格。
3.链接式:链接式样式表使用频率最高,也是最为实用的方法,它将HTML页面与CSS样式风格分离为两个或者多个文件,实现了页面框架HTML代码与美工CSS代码的完全分离,使得前期制作和后期维护都十分方便,网站后台的技术人员与美工设计者也可以很好地分工合作。
同一个CSS文件可以链接到多个HTML文件中,甚至可以链接到整个网站的所有页面中,使网站整体风格统一、协调
1打开Adobe Dreamweaver CC 2015。
2执行菜单栏中的"文件>新建"命令或按住Ctrl+N键打开"新建文档"对话框,选择其文档类型为HTML,单击"创建"按钮,即创建一个网页文档。
3在<body>和</body>之间添加<ul class="text"></ul>,如下图所示。【基本语法】<ul class="XXX"> ....</ul>【语法说明】在HTML文件中,可以利用成对的<ul></ul>标记插入无序列表。CSS中的class中文意思是类,类可以应用于多个标签元素。类前面都带有一个英文句点“.”如:<style type="text/css".bigfont {font-size:36px}</style>引用时在标签里加上class=""例:用在段落标签:<p class="bigfont">大字体</P>
4<ul> 和</ul>之间添加"<li>首页</li> <li>新闻</li> <li>汽车</li> <li>体育</li> <li>视频</li>",如下图所示。【基本语法】<ul class="XXX"><li>....</li><li>....</li><li>....</li><li>....</li>.....</ul>【语法说明】列表项标记<li></li>用来定义列表项序列。
5<head>和</head>之间添加"<style type="text/css"></style>",如下图所示。【基本语法】<style type="text/css">选择符1{样式属性:属性值;样式属性:属性值;...}选择符2{样式属性:属性值;样式属性:属性值;...}....选择符n{样式属性:属性值;样式属性:属性值;...}</style>【语法说明】<style>标记是用来说明所要定义的样式,type属性是指style元素以CSS的语法定义。【选择符1..选择符n】:选择符可以使用HTML标记的名称,所有的HTML标记都可以作为选择符。【样式属性】:主要指关于对选择符格式化显示风格的样式属性名称。【属性值】:设置对应样式属性的值。
6<style type="text/css"></style>之间添加".text{color:hsla(295,86%,50%,1.00);font-family:"微软雅黑";list-style-type:none;}【基本语法】color属性:设置字体颜色font-family属性:设置文字样式list-style-type属性:设置列表样式(none:不显示任何列表符号或编号)
7保存网页文件,按住F12键可以在浏览器中预览效果,如下图所示。
jQuery
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
CSS (层叠样式表)
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
HTML是由多种骨头(标签)组成的骨架。
HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头。
CSS是皮肤。CSS3是更美的皮肤。JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)
jQuery是把一组常用动作编排成了一个招式。
如果问 jQuery 和 JS 有什么区别?
jQuery能不能取代JS?你再告诉他这个。
用招式(jQuery)跟电脑沟通更方便,不过招式(jQuery)是用单个动作(JS)组合而成的,所以永远不可能取代单个动作(JS)。
招式(jQuery)编排了很多常用的动作(比如跑步,吃饭,跳跃,下蹲)。
但是如果需要某些高难度动作(比如 空中转体720°用脸着地),而招式(jQuery) 里还没有编排。
那就需要自己用单个动作(JS)来组合一个。
Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有