ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

NO.1试题总结周报

2021-10-31 22:32:23  阅读:143  来源: 互联网

标签:滚动 试题 样式 样式表 NO.1 页面 链接 CSS 周报


板块一:选择基础总结

1.关于css的正确描述

1)CSS 是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计

2)使用 CSS 能够简化网页的格式代码, 加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。

3)CSS 是 Cascading Stylesheets 的缩写,中文意思是层叠样式表

2.在 Html 标记中,用”align=center”可以将整个表格在页面中居中

3.bgcolor="blue"将当前页面设置为蓝色

4.在html中,样式表按照应用方式可以分为三种类型,其中不包括( D  )。

 A. 内嵌样式表   B. 行内样式表   C. 外部样式表文件   D. 类样式表

CSS样式主要包含以下三种类型:

1、行内样式(内嵌样式):结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。

优点:没有了样式表文件,在某些时候可以提升效率;使用 style 属性的样式效果会最强,会覆盖掉其他引入方式的相同样式效果。

缺点:多个元素难以共享样式,不利于代码复用;

HTML 和 CSS 代码混杂,不利于程序员和搜索引擎阅读。

2、内部样式(内联样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。

优点:跟行间样式表相同不会产生额外的请求,且它初步实现了结构与样式的分离,比较适合单页面网站应用。

缺点:由于内部样式表是写在 HTML 文件中的,导致页面不纯净、文件体积大、不利于网络爬虫获取信息、不利于维护、页面之间无法共享样式

3、外部样式(外联样式):写在css文件内。

然后在页面中通过链接标记链接到页面中,而且该链接语句必须放在页面的标记区。

优点:a.实现了结构与表现的代码完全分离,方便复用及维护

b.因为分离到各自独立的文件中,让 HTML 文件大小大幅减少了,从而让页面结构更容易被程序员和网络爬虫读懂

c.对搜索引擎友好,让搜索引擎给页面评分更高,有利于页面搜索引擎排名

d.外部样式表在用户首次访问后就被缓存到用户电脑上,下次访问无需加载

缺点:如果样式很多,CSS 文件会变的很大查找起来不方便。此外,多一个 CSS 文件就多一次 HTTP 请求,在访问量大的网站中会加重服务器压力

5.页面在浏览器中的显示效果为(  A )。

<HTML> <body>

<marquee scrolldelay="200" direction="right">Welcome!</marquee>

</body> </HTML>

A. 从左向右滚动显示“Welcome!”

B. 从右向左滚动显示“Welcome!”

C. 从上向下滚动显示“Welcome!”

D. 从下向上滚动显示“Welcome!”

注意:<marquee></marquee>可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.但是已经被w3c抛弃。

语法:<marquee>...</marquee>; 说明:在标记之间添加要进行滚动的内容。

重要属性:

{

1.滚动方向direction(包括4个值:up、 down、 left和 right)

  语法:<marquee direction="滚动方向">...</marquee>

2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)

  语法:<marquee behavior="滚动方式">...</marquee>

3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)

  语法:<marquee scrollamount="5">...</marquee>

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)

  语法:<marquee scrolldelay="100">...</marquee>

5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

  语法:<marquee loop="2">...</marquee>

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

}

  1. text-align 属性规定元素中的文本的水平对齐方式。

7.<HR>的属性

1)size  水平线的宽度,规定hr元素的高度(厚度)

2).width   水平线的长度,用占屏宽度的百分比或像素值来表示,规定hr元素的长度

3)align  水平线的对齐方式,有left,right,center三种,规定hr元素的对齐方式

4)noshade  线段无阴影属性,为实心线段,规定hr元素的颜色呈现为纯色

8.什么是mailto链接?

mailto链接是一种html链接,能够设置你电脑中邮件的默认发送信息。但是需要你电脑中安装默认的E-mail软件,类似Microsoft Outlook等等。加入您已经安装了Microsoft Outlook,那么直接点击mailto链接就可以获得默认设置的邮件信息。

怎样在html中创建mailto 链接?

<a href="mailto:name@email.com">Email</a>

  1. 命名锚记:能链接同一网页的不同部分

10.在插入图片标签中,对插入的图片进行文字说明使用的属性是alt

板块二:网页设计总结

  1. <td rowspan="8"> <textarea rows="25" cols="30" readonly="readonly">欢迎阅读服务条款协议……</textarea> </td>定义一个大的文本框和图表一体
  2. 控制前面没有<ul>的小圆点

<div>

    <dt>MOTO E2音乐手机<br /></dt>

    <br />

        <dd>130W像素摄像头Linux智能系统</dd>

        <dd>Intel XScale处理器</dd>

        <dd>A2DP蓝牙立体声 市场价:1690</dd>

        <dd>开学价:1045</dd>

</div>.

3.

 

<input type="checkbox">运动   <input type="checkbox">聊天   <input type="checkbox">玩游戏

4.

 

输出结果:

 

标签:滚动,试题,样式,样式表,NO.1,页面,链接,CSS,周报
来源: https://blog.csdn.net/weixin_57826863/article/details/121071113

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有