本文由我司收集整编，推荐下载，如有疑问，请与我司联系
修改Chrome 调试器中的Typescript 文件
修改Chrome 调试器中的Typescript 文件[英]Modifying Typescript files in the Chrome debugger Is it possible in the Chrome dev tools when I hit a breakpoint and end up
in a .ts file due to the source mapping, to make local modifications and save the changes to
the .ts file on disk? I’m not having any luck it keeps saying my changes cannot be saved. 当我点击断点并且由于源映射而最终在.ts 文件中时,是否可以在Chrome 开发工具
中进行本地修改并将更改保存到磁盘上的.ts 文件中?我没有运气它一直说我的改变
无法保存。
I haven’t tried with TypeScript but when the source file loads as a result of the source map, if the file is in your workspace it should be persisted when you save changes.
我没有尝试使用TypeScript,但是当源文件作为源映射的结果加载时,如果文件位于
工作区中,则应在保存更改时保留该文件。
See Setting up Persistence with DevTools Workspaces
请参阅使用DevTools 工作区设置持久性
tips:感谢大家的阅读，本文由我司收集整编。仅供参阅！
HTML TEXTAREA 滚动条属性设置
scrollbar属性、样式详解 1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本颜色 scrollbar-dark-shadow-color立体滚动条强阴影的颜色 scrollbar-face-color立体滚动条凸出部分的颜色 scrollbar-highlight-color滚动条空白部分的颜色 scrollbar-shadow-color立体滚动条阴影的颜色 我们通过几个实例来讲解上述的样式属性： 1.让浏览器窗口永远都不出现滚动条 没有水平滚动条
没有垂直滚动条 没有滚动条 或 2.设定多行文本框的滚动条 没有水平滚动条
没有垂直滚动条
没有滚动条
或
3.设定窗口滚动条的颜色 设置窗口滚动条的颜色为红色 scrollbar-base-color设定的是基本色，一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。 加上一点特别的效果：
CSS设置滚动条样式
?CSS设置滚动条 样式 ?浏览器默认的滚 动条样子太过屌丝 了，得自己动手整 整。记得IE浏览器 有几个设置滚条的 样式，不过比较鸡 肋，只能设置颜色之 类的，而且webkit 下面也不支持。编程 网站一直想着，碰巧 发现网易邮箱的滚 动条样子很好看，一 开始以为是用div 模拟的，结果一看， 吼吼，正合我意，利用的CSS来设置的，而且是webkit浏览器的。下面是由编程网站总结归纳的的方法。 ?webkit浏览器css设置滚动条主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动槽 ::-webkit-scrollbar-thumb 滚动的滑块 ::-webkit-scrollbar-corner 边角 ::-webkit-resizer 定义右下角拖动块的样式 具体所指如图例 上面是滚动条的主要几个设置属性，还有更详尽的CSS属性 :horizontal 水平方向的滚动条 :vertical 垂直方向的滚动条 :decrement 应用于按钮和内层轨道(track piece)。它用来指示按钮或者内层轨道是否会减小视窗的位置(比如，垂直滚动条的上面，水平滚动条的左边。) :increment decrement类似，用来指示按钮或内层轨道是否会增大视窗的位置(比如，垂直滚动条的下面和水平滚动条的右边。) :start 伪类也应用于按钮和滑块。它用来定义对象是否放到滑块的前面。 :end 类似于start伪类，标识对象是否放到滑块的后面。
CSS隐藏滚动条但还可以滚动
CSS隐藏滚动条但还可以滚动 dadaV20200315 先上实例： /*隐藏滚动条但可以滚动，达经典！*/ body{ border: 1px solid #000000; overflow-x: hidden; } body::-webkit-scrollbar{ display: none; } 滚动条的css样式主要有三部分组成： 1、::-webkit-scrollbar 定义了滚动条整体的样式； 2、::-webkit-scrollbar-thumb 滑块部分； 3、::-webkit-scrollbar-thumb 轨道部分； 下面以overflow-y:auto;为例（overflow-x:auto同） 更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？ 使用overflow:hidden隐藏滚动条，但存在的问题是：页面或元素失去了滚动的特性。 由于只需要兼容移动浏览器（Chrome 和Safari），于是想到了自定义滚动条的伪对象选择器 ::-webkit-scrollbar。 隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以滚动内容。这是什么技术呢？其实我只是把滚动条通过定位把它隐藏了起来。 下面给一个简化版的代码·
.outer-container{ width: 360px; height: 200px; position: relative;
动态网页制作期末复习题(2014年1月)
山东广播电视大学 开放教育《动态网页制作》课程复习1 1.在一个框架的属性面板中，不能设置下面哪一项。（D ） A．源文件; B．边框颜色; C．边框宽度D．滚动条 2.下列哪一项表示的不是按钮。（C ） A．type="submit" B．type="reset" C．type="image" D．type="button" 3.下面哪一个属性不是文本的标签属性？（ A ） A．nbsp; B．align C．color D．face 4.下面哪一项的电子邮件链接是正确的？（ D ） A．https://www.360docs.net/doc/0e18106723.html, B．xxx@.net C．xxx@com D．xxx@https://www.360docs.net/doc/0e18106723.html, 5.当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（ C ） A．ASP B．HTML C．ZIP D．CGI 6.关于表格的描述正确的一项是。（D ） A．在单元格内不能继续插入整个表格 B．可以同时选定不相邻的单元格 C．粘贴表格时，不粘贴表格的内容 D．在网页中，水平方向可以并排多个独立的表格 7.如果一个表格包括有1行4列，表格的总宽度为“699”，间距为“5”，填充为“0”，边框为“3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（ D ） A．126 B．136 C．147 D．167 8.关于文本对齐，源代码设置不正确的一项是：（ A ） A．居中对齐：
…
B．居右对齐：
…
C．居左对齐：
…
D．两端对齐：
…
9.下面哪一项是换行符标签？（ C ） A． B．
C．
D． 10.下列哪一项是在新窗口中打开网页文档。（ B ） A．_self B．_blank C．_top D．_parent 11.下面对JPEG格式描述不正确的一项是。（ C ） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快网页制作模拟题4
1在Dreamweaver CS5中，快速打开“CSS样式”面板的快捷键是（_______） （A）F1 （B）【Shift+F1】 （C）F11 （D）【Shift+F11】 2下列哪一种为Dreamweaver模板文件的扩展名？（_______） （A）css （B）html （C）dwt （D）mb 3在DreamweaverCS5中，可利用（_______）生成具有相似结构和外观的网页，从而大幅度提高网页制作效率，并简化繁琐的网页编辑和维护工作。 （A）模板 （B）框架 （C）CSS样式 （D）站点管理器 4下列标记属于有序列表标记的是（_______）。 （A）
（B） （C） （D）
- 5在HTML中，下面是图像标签的是（_______）。 （A）
（A）当浏览器不支持图像时，使用文字替换图像 （B）当鼠标移到图象并停留一段时间后，这些注释文字将显示出来 （C）每过段时间图象上都会定时显示注释的文字 （D）在浏览者关闭图像显示功能时，使用文字替换图像 9JPEG格式的图像可以支持（_______）种颜色。 （A）256 （B）512 （C）500万 （D）1670万 10如下图所示，选择多个不连续的单元格。下面各项操作中能实现这种选择的是（_______）。 （A）在选定第1个单元格后，按下Ctrl键，并用鼠标单击其他要选择的单元格 （B）在选定第1个单元格后，按下Shift键，并用鼠标单击其他要选择的单元格（C）在选定第1个单元格后，按下Alt键，并用鼠标单击其他要选择的单元格 （D）在选定第1个单元格后，按下Space键，并用鼠标单击其他要选择的单元格 11表格属性面板中的“间距”是指（_______） （A）表格的外框粗细 （B）表格中页面中所占的空间 （C）表格到页面边缘的距离 （D）表格中单元格间的距离 12下面说法错误的是（_______）。 （A）相邻的单元格可以合并 （B）在表格中可以插入行 （C）可以拆分单元格 （D）在单元格中不可以设置背景图片 13一般情况下，一个框架网页至少由（_______）个框架构成。 （A）1 （B）2
HTML选择题
在HTML语言中,使用表格时, 数据项是放在下列哪个标签中的（ C ）。 A .
B . | C .|
D . 1.在HTML中,表示页面背景的是( A) a)﹤body bgcolor=﹥ b)﹤body bkcolor=﹥ c)﹤body agcolor=﹥ d)﹤body color=﹥ 2. HTML中﹤body text=red﹥,表示（C） a)正在点击文字的色彩是红色。 b)可可链接文字的色彩是红色。 c)非可链接文字的色彩是红色。 d)已链接文字的色彩是红色。 3.下列表示，可链接文字的颜色是黑色的是（） A. ﹤body link=black﹥ B. ﹤body text=black﹥ C. ﹤body vlink=black﹥ D. ﹤body alink=black﹥ 4.下列表示，已经点击(访问)过的可链接文字的的颜色是黑色的是（） A. ﹤body alink=”#000000”﹥ B. ﹤body link=”#000000”﹥ C. ﹤body vlink=”#000000”﹥ D. ﹤b ody blink=”#000000”﹥ 5.为了标识一个HTML文件应该使用的HTML标记是（） a) b) c) d) 6.下列代码片段用于（ B ）。 …… a)页面左边的背景中显示图像”” b)将“”图像平铺填充到整个页面的背景中 c)在页面顶部显示图像“” d)在页面背景的中间显示图像”” 7.以下HTML代码中，说法（B ）是正确的。 时装街 在时装街购买时装
人来人往 男女老幼css常用的网页布局样式属性
网页布局常用的样式属性 一、Position Position有以下几个值：static，relative，absolute，fixed。 Static：静态定位。如果你没有设置position属性，那么缺省就是static。top，left，bottom，right等属性，在static的情况下是无效的，要使用这些属性，必须把position设置为其他三个值之一。 Relative：相对定位。元素将按照静态定位时的位置进行调整，在静态定位中分配给元素的空间仍然会分配给它，它两边的元素不会向它靠近来填充那个空间，但它们也不会从元素的新位置被挤走。 Absolute：绝对定位。元素将按照包含它的元素的位置进行调整，比如它嵌套在另一个绝对定位的元素中，那么就相对于那个元素定位。 Fixed：固定定位。元素将被设置在浏览器上一个固定位置上，不会随其他元素滚动。形象点说，上下拉动滚动条的时候，fixed的元素在屏幕上的位置不变。需要注意的是IE6并不支持此属性。 注意：很多网页都是居中的，这样，当对元素进行绝对定位的时候，在不同的分辨率下显示会有偏差，这时，我们可以通过类似下面的方法来处理：
//元素位置固定浏览器位置不变 二、Float float 是css 的定位属性,fload属性有四个可用的值：Left 和Right 分别浮动元素到各自的方向，None （默认的）使元素不浮动，Inherit 将会从父级元素获取float值。 Float的用处 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 浮动非替换元素要指定一个明确的宽度；否则，它们会尽可能地窄。 注释: 假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。 除了简单的在图片周围包围文字，浮动可用于创建全部网页布局。 参考地址： 三、margin(外边距)
HTML常用标记练习试题 一、选择题 1、在一个框架得属性面板中，不能设置下面哪一项。（）A．源文件 B．边框颜色C．边框宽度 D．滚动条 2、下列哪一项表示得不就是按钮。（） A．type="submit" B．type="reset" C．type="image" D．type="button" 3、下面哪一个属性不就是文本得标签属性？（） A．nbsp B．align C．color D．face 4、下面哪一项得电子邮件链接就是正确得？（） A．xxx、com、cn B．xxx@、net C．xxx@com D． 5、当链接指向下列哪一种文件时，不打开该文件，而就是提供给浏览器下载。（） A．ASP B．HTML C．ZIP D．CGI 6、关于表格得描述正确得一项就是。（） A．在单元格内不能继续插入整个表格 B．可以同时选定不相邻得单元格 C．粘贴表格时，不粘贴表格得内容 D．在网页中，水平方向可以并排多个独立得表格 7、如果一个表格包括有1行4列，表格得总宽度为“699”，间距为“5”，填充为“0”，边框为“3”，每列得宽度相同，那么应将单元格定制为多少像素宽。（） A．126 B．136 C．147 D．167 8、关于文本对齐，源代码设置不正确得一项就是：（）A．居中对齐：
C．
D．最全整理浏览器兼容性问题与解决方案样本
常用浏览器兼容性问题与解决方案所谓浏览器兼容性问题，是指由于不同浏览器对同一段代码有不同解析，导致页面显示效果不统一状况。在大多数状况下，咱们需求是，无论顾客用什么浏览器来查看咱们网站或者登陆咱们系统，都应当是统一显示效果。因此浏览器兼容性问题是前端开发人员经常会遇到和必要要解决问题。 在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 第一类是精准按照设计图开发前端开发人员，可以说是精准到1px，她们很容易就会发现设计图局限性，并且在很少状况下会遇到浏览器兼容性问题，而这些问题往往都死浏览器bug，并且她们制作页面后期易维护，代码重用问题少，可以说是比较牢固放心代码。 第二类是基本按照设计图来开发前端开发人员，诸多细枝末节差距很大，不如间距，行高，图片位置等等经常会差几px。某种效果实现也是重复调试得到，详细为什么浮现这种效果还模模糊糊，整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这样写还不知因此然。此类开发人员往往经常为兼容性问题所困。修改好了这个浏览器又乱了另一种浏览器。改来改去也毫无头绪。其实她们遇到兼容性问题大某些不应当归咎于浏览器，而是她们技术自身了。 文章重要针对是第一类，严谨型开发人员，因而这里重要从浏览器解析差别角度来分析兼容性问题。 浏览器兼容问题一：不同浏览器标签默认外补丁和内补丁不同 问题症状：随便写几种标签，不加样式控制状况下，各自margin 和padding差别较大。 遇到频率:100% 解决方案：CSS里*
备注：这个是最常用也是最易解决一种浏览器兼容性问题，几乎所有CSS文献开头都会用通配符*来设立各个标签内外补丁是0。 浏览器兼容问题二：块属性标签float后，又有横行margin状况下，在IE6显示margin比设立大 问题症状:常用症状是IE6中背面一块被顶到下一行 遇到频率：90%（稍微复杂点页面都会遇到，float布局最常用浏览器兼容问题）解决方案：在float标签样式控制中加入display:inline;将其转化为行内属性 备注：咱们最惯用就是div+CSS布局了，而div就是一种典型块属性标签，横向布局时候咱们普通都是用div float实现，横向间距设立如果用margin实现，这就是一种必然会遇到兼容性问题。 浏览器兼容问题三：设立较小高度标签（普通不大于10px），在IE6，IE7，遨游中高度超过自己设立高度 问题症状：IE6、7和遨游里这个标签高度不受控制，超过自己设立高度 遇到频率：60% 解决方案：给超过高度标签设立overflow:hidden;或者设立行高line-height 不大于你设立高度。 备注：这种状况普通出当前咱们设立小圆角背景标签里。浮现这个问题因素是IE8之前浏览器都会给标签一种最小默认行高高度。虽然你标签是空，这个标签高度还是会达到默认行高。 浏览器兼容问题四：行内属性标签，设立display:block后采用float布局，又有横行margin状况，IE6间距bug 问题症状：IE6里间距比超过设立间距 遇到几率：20%
html习题
一、选择 1.在一个框架的属性面板中，不能设置下面哪一项。（）A．源文件; B．边框颜色; C．边框宽度D．滚动条 2. 下列哪一项表示的不是按钮。（） A．type="submit" B．type="reset" C．type="image" D．type="button" 3.下面哪一个属性不是文本的标签属性？（） A．nbsp; B．align C．color D．face 4.下面哪一项的电子邮件链接是正确的？（） A．https://www.360docs.net/doc/0e18106723.html, B．xxx@.net C．xxx@com D．xxx@https://www.360docs.net/doc/0e18106723.html, 5.当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（） A．ASP B．HTML C．ZIP D．CGI 6.关于表格的描述正确的一项是。（） A．在单元格内不能继续插入整个表格 B．可以同时选定不相邻的单元格 C．粘贴表格时，不粘贴表格的内容 D．在网页中，水平方向可以并排多个独立的表格 7.如果一个表格包括有1行4列，表格的总宽度为“699”，间距为“5”，填充为“0”，边框为“3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（） A．126 B．136 C．147 D．167 8.关于文本对齐，源代码设置不正确的一项是：（） A．居中对齐：
…
B．居右对齐：…
C．居左对齐：…
D．两端对齐：…
9.下面哪一项是换行符标签？（） A．
B． C．
D． 10.下列哪一项是在新窗口中打开网页文档。（） A．_self B．_blank C．_top D．_parent 11.下面对JPEG格式描述不正确的一项是。（） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快 C．最高只能以256色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩12.在一个框架组的属性面板中，不能设置下面哪一项。（） A．边框颜色B．子框架的宽度或者高度C．边框宽度D．滚动条 13．Web安全色所能够显示的颜色种类为( )。 A 216 色 B 256 色 C 千万种颜色 D 1500 种色 14．常用的网页图像格式有( )和( ). A.gif，tiff B．tiff，jpg C．gif，jpg D．tiff，png 15．如果要表单提交信息不以附件的形式发送，只要将表单的“MTME类型”设置为( )。 A.text／plain B．password C．submit D．button 16．下面说法错误的是( )。 A.CSS样式表可以将格式和结构分离B．CSS样式表可以控制页面的布局 C．CSS样式表可以使许多网页同时更新D．CSS样式表不能制作体积更小下载更快的网页17．CSS样式表不可能实现( )功能。 A.将格式和结构分离B．一个CSS文件控制多个网页CSS-作业要求-后台管理系统布局练习
作业需求——“后台管理系统布局” <布局示例图片> <基本需求> 1、制作一个“后台管理系统布局”页面; 2、主要布局元素分为三个大块，页头“header”、页面主体“main”和页脚“footer”,而页面主体“main”又分为左侧导航“leftNav”和正文内容“content”； 3、“leftNav”和“content”均为一个Class名称，并且都为“块级元素”，通过CSS属性“float：left”将他们合并到一行进行左右布局； 4、“header”的高度为50像素，背景色“#159”，内容为“Web(现在班级)班后台管理系统”，字号20像素，字体颜色“#fff”,并且在header里面，水平左对齐，垂直居中；
5、“footer”的高度为30像素，背景色同样为“#159”,内容为“解释权归（班级名称）所有，任何组织和个人严禁使用和抄袭”,字号14像素，字体颜色“#e3e3e3”,并且在footer里面水平居中，垂直居中； 6、“main”的高度占据除了“header”和“footer”以外的全部高度，页面不得出现滚动条。该标签内的全部字体大小均为16像素； 7、“main”内“leftNav”的宽度为220像素，“leftNav”元素含有内间距，上下为12像素，左右为10像素，背景色为“#48c”，包含3个超链接按钮，这三个按钮的宽度为100%（实际上显示来约200像素），高度为40像素，默认字体颜色为“#fff”,无下划线。具有1个像素实线的透明边框，当鼠标移动上去和被选中状态下，背景色变为“#159”，边框的颜色变为“#acf”，并且具有5像素的圆角，具体如下： ●管理系统首页（默认被选中） ●班级基本管理 ●学员基本管理 8、被选中的超链接具有一个发光效果，发光效果在水平和垂直方向不做任何偏移，发光范围为8像素，阴影颜色为“rgba(200, 220, 240, 0.8)”； 9、main”内“content”内包含一个“iframe”标签，默认显示页面为“管理系统首页”，当点击左侧导航按钮后，跳转到对应的页面； 10、content”内的“iframe”标签没有边框，宽和高都为100%； 11、“管理系统首页”、“班级基本管理”和“学员基本管理”这三个页面包含在项目根目录下的一个名为“pages”的文件夹内（注意设置这三个页面标签内的“lang”属性的值和
标签对内的内容）; 12、这三个页面都需要包含一个公共的CSS文件，文件名为“common.css”，</p><h2>《网页制作》复习题集</h2><p>2007级微机及应用专业《网页制作》复习资料 一、填空题 1.世界上最大的广域网是Internet 。 2.网络按照规模来划分，可以分为局域网和广域网两种。 3.严格来说，HTML语言并不是一种编程语言，而只是一些能让浏览器看懂的标记。 4.设置网页文档的页边距是在页面属性对话框中设置。 5.在【页面属性】对话框中可以设置文本链接的4种状态的颜色，这4种状态分别是：链接颜色、变换图像链接、已访问链接、活动链接。 6.GIF格式可以将很多幅图像结合在一个GIF文件中，通过浏览器顺序下载和显示这些GIF 图像，从而实现动画的效果，这就是所谓的动画GIF。 7.表格的标签是<table> ，单元格的标签是<td> 。 8.表格的宽度可以用百分比和像素两种单位来设置。 9.用来输入密码的表单域是文本域。 10.文件头标签包括关键字、描述、刷新、基础和链接等。 11.“高级”CSS样式一般应用于标签组合、命名ID标签。 12.附加样式表分为链接和导入两种方式。 13.在制作运动动画时，至关重要的一步是将矢量图形转换为元件。 14.时间轴动画是通过改变层的位置、大小、可见性及重叠次序来完成的。 15.使用FTP方式发布网页时，不但可以批量地上传文件，而且可以将整个文件夹上传。 16.浏览器指的就是安装在客户端，用来查看万维网中的超级文本的一种工具。 17.Dreamweaver MX 2004中的文档可以显示为3种视图：设计视图、代码视图、代码视图和设计视图。 18.RGB方式表示的颜色都是由红、绿、蓝这3种基色调和而成。 19.网页的背景色和背景图像是在页面属性对话框中设置的。 20.层分为两种类型：层和Div标签。 21.表格有3个基本组成部分：行、列和单元格。 22.如果一个分为左右两个框架的框架组，要想使左侧的框架宽度不变，应该用像素单位来定制其宽度，而右侧框架则使用相对单位来定制。 23.当表单以电子邮件的形式发送，表单信息不以附件的形式发送，应将【MIME类型】设</p><h2>DW属性大全</h2><p>DW属性大全 在Dreamweaver8的CSS样式里包含了W3C规范定义的所有CSS1的属性，DW8把这些属 性分为Type（类型）、Background（背景）、Block（块）、Box（盒子）、Border（边框）、List（列表）、Positioning（定位）、Extensions（扩展）八个部分，如下图，下面我们分 别详细讲解。 1、Type（类型） Type 面板主要是对文字的字体，大小，颜色，效果等基本样式进行设置。设置时，我们 只对要改变的属性进行设置，没有必要改变的属性就空着。Font：设置字体系列。什么叫字体系列呢？是指对文字设定几个字体，当遇到第一个 字体不能显示的文字时会自动用系列中的第二个字体或后面的字体显示。相对应的CSS 属性是”font-family”。 注意：Dreamweaver8已经内置设定了6个系列的英文字体，一般英文字体我们用“Verdana, Arial, Helvetica, sans-serif”这个系列比较好看。如果不用这些字体系列，你就需要自 己编辑字体系列，你可以通过下拉框最下面的“Edit Font List”来创建新的字体系列，也 可以直接手动在下拉框里写字体名，字体之间用逗号隔开。中文网页默认字体是宋体，一般 就空着不要选取任何字体。 Size：定义文字的大小。你可以通过选取数字和度量单位来选择具体的字体大小，或者 你也可以选择一个相对的字体大小。最好使用 Pixels作为单位，这样不会在浏览器中文本变形。一般小字体用比较标准的12px。相对应的CSS属性是”font-size”。 注意：CSS 中长度的单位分绝对长度单位和相对长度单位，一般我们常用的绝对长度单 位有：px：（象素）根据显示器的分辨率来确定长度。 pt：（字号）根据windows系统定义的字号大小来确定长度。mm、cn、in：（毫米、厘米、英寸）根据显示的实际尺寸来确定长度。此类单位不随显 示器的分辨率改变而改变。 相对长度单位有： em：当前文本的尺寸。例如：{ font-size:2em}是指文字大小为原来的2倍。ex：当前字母“x”的高度，一般为字体尺寸的一半。%：是以当前文本的百分比定义尺寸。例如：{ font-size:300%}是指文字大小为原来的 3倍。 small、large：表示比当前小一个级别或大一个级别的尺寸。Style：定义字体样式为Normal、Italic、或者Oblique。Italic 和Oblique 是斜体字体。默认设置为Normal。相对应的CSS属性是”font-style”。 注意：Italic和Oblique都是斜体字体。而它们不同的是，Italic是斜体字，而Oblique 是倾斜的文字，对于没有斜体的字体应该用Oblique。Line Height：设置文本所在行的行高。默认为Normal，你也可以自己键入一个精确的 数值并选取一个计量单位。比较直观的写法用百分比，例如140%是指行高等于文字大小的 1.4 倍。相对应的CSS属性是”line-height”。Decoration：在文本中添加underline（下划线）、overline（上划线）、line-through （中划线）、blink（闪烁效果）。这些效果可以同时存在，将效果前的复选框选定即可。相 对应的CSS属性是”text-decoration”。 注意：链接的默认设置是Underline，我们可以通过选none 去除下划线。Blink（闪烁 效果）只在NC浏览器里可以看到。</p><h2>DIV+CSS布局</h2><p>Css 样式表<br>1.1、html 标签<br>静态结构 ＜html＞ ＜head＞ ＜title＞标题＜title＞ ＜/head＞ ＜body＞..........文件内容.......... ＜/body＞ ＜/html＞ 1.文件标题 ＜title＞..........＜/title＞ 2.文件更新--＜meta＞ 【1】10 秒后自动更新一次 ＜meta http-equiv="refresh" content=10＞ 【2】10 秒後自动连结到另一文件 ＜meta http-equiv="refresh" content="10；URL=欲连结文件之 URL"＞ 3.查询用表单--＜isindex> 若欲设定查询栏位前的提示文字： ＜isindex prompt="提示文字"＞ 4.预设的基准路径--＜base> ＜base href="放置文件的主机之 URL"＞<br><div>......</div>列块容器 标题<h#>..........</h#> #=1~6；h1 为最大字，h6 为最小字 段落************* 链接<a href=”URL”>……</a> 图像<img src=”URL” width=”10” height=”10” /> 注释 平行线<hr /> 用于分割内容 换行 <br><br /> html 样式 <style=” font-family:verdana; color:red;”> <body bgcolor=”red”> font-family:verdana 字体 color:red 颜色 font-size:10 大小 text-align:center 文本对齐 bgcolor:red 背景颜色 background=”URL”背景图像<br><br></p><h2>HTML选择题练习(原创)</h2><p>1) 下面标记中，（）在标记的位置添加一个回车符。【选择一项】 a) <H1> b) <ENTER> c) <BR> d) <HR> 2) 要实现以下功能：在网页中插入一个图片joke11.gif,使用者通过 单击该图片，连接到joke11.htm上去。下面的HTML代码，（） 是正确的。【选择一项】 a) <A HREF="joke11.htm" IMG:SRC="images/joke11.gif"></A> b) <A HREF="joke11.htm" SRC="images/joke11.gif"></A> c) <A HREF="joke11.htm">< IMG SRC="images/joke11.gif"></A> d) <A HREF="images/joke11.gif" ></A> 3) 如果要在超链接中设置电子邮件链接，则href属性值应设置为（）。【选择一项】 a) zhangshan@https://www.360docs.net/doc/0e18106723.html, b) mailto:zhangshan@https://www.360docs.net/doc/0e18106723.html, c) mailto//zhangshan@https://www.360docs.net/doc/0e18106723.html, d) #zhangshan@https://www.360docs.net/doc/0e18106723.html, 4) 在HTML中，下列代码（）可以实现每隔60秒自动刷新页面的功能。【选择一项】 a) <meta http-equiv="refresh" content="1"> b) <meta http-equiv="refresh" content="60"> c) <meta http-equiv="expires" content="1"> d) <meta http-equiv="expires" content="60"> 5) 下列代码片段用于（）【选择一项】 …<body background="back_image.GIF"> a) 在页面左边的背景中显示图像"back_image.GIF" b) 将"back_image.GIF"图像平铺填充到整个页面的背景中 c) 在页面顶部显示图像"back_image.GIF" d) 在页面背景的中间显示图像"back_image.GIF" 6) 关于下列代码片段的说法中，（）是正确的。【选择一项】 …<hr size="5" color="red" width="50%"> a) size是指水平线的长度 b) size是指水平线的宽度 c) width是指水平线的宽度 d) width是指水平线的高度 7) HTML中，设置表格中文字与边框距离的标签是（）。【选择一项】 a) <table border=#> b) <table cellspacing=#> c) <table cellpadding=#> d) <table width=#or%> 8) 在HTML语言中，定义级联样式表CSS的类选择器是以（）符号开头。【选择一项】 a) #(井号) b) .(点号) c) !(叹号) d)％(百分号)</p><h2>css中滚动条样式的设置</h2><p>css中滚动条样式的设置 参数说明： 1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。 参数: visible：扩大面积以显示所有内容 auto：仅当内容超出限定值时添加滚动条 hidden：总是隐藏滚动条 scroll：总是显示滚动条 2、height : 设置滚动条的高度（修改其后数值即可）。 3、滚动条颜色参数设置： scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色 scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色</p><p>scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色scrollbar-base-color 设置或检索滚动条基准颜色 xhtml中隐藏滚动条 在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype 的解释缺陷.对于这个bug一般有3种解决方案， 方法1: 代码： html { overflow-y: scroll; } 原理：强制显示ie的垂直滚动条，而忽略水平滚动条 优点：完全解决了这个问题, 允许你保持完整的XHTML doctype. 缺点：即使页面不需要垂直滚动条的时候也会出现垂直滚动条。 方法2: 代码： html { overflow-x: hidden; overflow-y: auto; } 原理：隐藏横向滚动，垂直滚动根据内容自适应 优点：在视觉上解决了这个问题.在不必要的时候, 未强制垂直滚动条出现. 缺点：只是隐藏了水平滚动条，如果页面真正需要水平滚动条的时候， 屏幕以外的内容会因为用户无法水平滚动，而看不到。 方法3: 代码：</p><h2>制作滚动代码的常用属性</h2><p>这里是javascript中制作滚动代码的常用属性 页可见区域宽：document.body.clientWidth; 网页可见区域高：document.body.clientHeight; 网页可见区域宽：document.body.offsetWidth (包括边线的宽); 网页可见区域高：document.body.offsetHeight (包括边线的宽); 网页正文全文宽：document.body.scrollWidth; 网页正文全文高：document.body.scrollHeight; 网页被卷去的高：document.body.scrollTop; 网页被卷去的左：document.body.scrollLeft; 网页正文部分上：window.screenTop; 网页正文部分左：window.screenLeft; 屏幕分辨率的高：window.screen.height; 屏幕分辨率的宽：window.screen.width; 屏幕可用工作区高度：window.screen.availHeight; 1、offsetLeft 假设obj 为某个HTML 控件。 obj.offsetTop 指obj 距离上方或上层控件的位置，整型，单位像素。 obj.offsetLeft 指obj 距离左方或上层控件的位置，整型，单位像素。 obj.offsetWidth 指obj 控件自身的宽度，整型，单位像素。 obj.offsetHeight 指obj 控件自身的高度，整型，单位像素。 我们对前面提到的“上方或上层”与“左方或上层”控件作个说明。 例如： <div id="tool"> <input type="button" value="提交"> <input type="button" value="重置"> </div> “提交”按钮的offsetTop 指“提交”按钮距“tool”层上边框的距离，因为距其上边最近的是“tool”层的上边框。 “重置”按钮的offsetTop 指“重置”按钮距“tool”层上边框的距离，因为距其上边最近的是“tool”层的上边框。 “提交”按钮的offsetLeft 指“提交”按钮距“tool”层左边框的距离，因为距其左边最近的是“tool”层的左边框。 “重置”按钮的offsetLeft 指“重置”按钮距“提交”按钮右边框的距离，因为距其左边最近的是“提交”按钮的右边框。 以上属性在FireFox 中也有效。 另外：我们这里所说的是指HTML 控件的属性值，并不是document.body，document.body 的值在不同浏览器中有不同解释（实际上大多数环境是由于对document.body 解释不同造成的，并不是由于对offset 解释不同造成的），点击这里查看不同点。 标题：offsetTop 与style.top 的区别 预备知识：offsetTop、offsetLeft、offsetWidth、offsetHeight</p></div>
<div class="rtopicdocs">
<div class="coltitle">相关主题</div>
<div class="relatedtopic">
<div id="tabs-section" class="tabs">
<ul class="tab-head">
<li id="13046562"><a href="/topic/13046562/" target="_blank">滚动条样式</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/0d18694276.html" target="_blank">动态网页制作期末复习题(2014年1月)</a></li>
<li><a href="/doc/318676036.html" target="_blank">最全整理浏览器兼容性问题与解决方案样本</a></li>
<li><a href="/doc/7711119780.html" target="_blank">《网页制作》复习题集</a></li>
<li><a href="/doc/b816920333.html" target="_blank">在PPT中加滚动条文本框</a></li>
<li><a href="/doc/e418862231.html" target="_blank">HTML5+CSS3 DIV滚动条</a></li>
<li><a href="/doc/0d5245228.html" target="_blank">HTML TEXTAREA 滚动条属性设置</a></li>
<li><a href="/doc/297647684.html" target="_blank">HTML选择题</a></li>
<li><a href="/doc/4d3392593.html" target="_blank">CSS-作业要求-后台管理系统布局练习</a></li>
<li><a href="/doc/901149340.html" target="_blank">DW属性大全</a></li>
<li><a href="/doc/c87471895.html" target="_blank">第五章网页版式设计2</a></li>
<li><a href="/doc/0a6255462.html" target="_blank">CSS隐藏滚动条但还可以滚动</a></li>
<li><a href="/doc/364072313.html" target="_blank">HTML专项练习题</a></li>
<li><a href="/doc/7f2311716.html" target="_blank">第3章CSS入门</a></li>
<li><a href="/doc/b814588077.html" target="_blank">css中滚动条样式的设置</a></li>
<li><a href="/doc/e813275794.html" target="_blank">html第四章</a></li>
<li><a href="/doc/1d17639457.html" target="_blank">网页制作模拟题4</a></li>
<li><a href="/doc/441598468.html" target="_blank">scrollbar属性、样式详解</a></li>
<li><a href="/doc/8710603514.html" target="_blank">WPF ScrollViewer(滚动条) 自定义样式表制作</a></li>
<li><a href="/doc/c46552221.html" target="_blank">图像、CSS样式定义与应用、浮动窗体</a></li>
<li><a href="/doc/fa14310867.html" target="_blank">HTML textarea 滚动条属性设置</a></li>
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
<li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
<li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
<li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li>
<li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
<li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
<li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
<li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
<li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
<li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
<li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li>
<li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li>
<li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
<li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
<li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li>
<li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li>
<li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "0ee3e5e5a9956bec0975f46527d3240c8447a193";
</script>
<div class="clearfloat"></div>
<div id="footer">
<div class="ft_info">
<a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br />
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈
</div>
<script type="text/javascript">foot()</script>
</div>
</body>
</html>
