前端学习记录 dy03

最新推荐文章于 2024-08-02 13:35:44 发布

小新sama

最新推荐文章于 2024-08-02 13:35:44 发布

阅读量72

点赞数

文章标签：前端学习

本文链接：https://blog.csdn.net/weixin_64817400/article/details/131730851

版权

一.选择题

1.CSS 指的是？(B)

A. Computer Style Sheet

B. Cascading Style Sheet

C. Creative Style Sheet

D. Colorful Style Sheet

2.在以下的 HTML 中，哪个是正确引用外部样式表的方法？(B)

A. <style src="mystyle.css">

B. <link rel="stylesheet" href="mystyle.css">

C. <stylesheet>mystyle.css</stylesheet>

3.在 HTML 文档中，引用外部样式表的正确位置是？(D)

A. 文档的末尾

B. 文档的顶部

C. <body>部分

D. <head>部分

4.哪个 HTML 标签用于定义内部样式表？(A)

A. <style>

B. <script>

C. <css>

5.哪个 HTML 属性可用来定义行内样式？(D)

A. font

B. class

C. styles

D. style

6.下列哪个选项的 CSS 语法是正确的？(C)

A. body:color=black

B. {body:color=black(body}

C. body {color: black}

D. {body;color:black}

7.如何在 CSS 文件中插入注释？(C)

A. // this is a comment

B. // this is a comment //

C. /* this is a comment */

D. ' this is a comment

8.哪个属性可用于改变背景颜色？(B )

A. bgcolor:

B. background-color:

C. color (文本颜色)

9.如何为所有的 <h1> 元素添加背景颜色？(B)

A. h1.all {background-color:#FFFFFF}

B. h1 {background-color:#FFFFFF}

C. all.h1 {background-color:#FFFFFF}

10.如何改变某个元素的文本颜色？(C)

A. text-color:

B. fgcolor:

C. color:

D. text-color=

11.在以下的 CSS 中，可使元素变为粗体的正确语法是？(C)

A .<p style="font-size:bold">

B. <p style="text-size:bold">

C. p {font-weight:bold}

D. p {text-size:bold}

12.如何显示没有下划线的超链接？(A)

A. a {text-decoration:none}

B. a {text-decoration:no underline}

C. a {underline:none}

D. a {decoration:no underline}

13.如何改变元素的字体？(A)

A. font=

B. f:

C. font-family:

14.如何显示这样一个边框：上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素?(D)

A. border-width:10px 5px 20px 1px

B. border-width:10px 20px 5px 1px

C. border-width:5px 20px 10px 1px

D. border-width:10px 1px 5px 20px

15.CSS的边框的简写属性是(C)

A. border-style

B. border-color

C. border-width

D. border:border-width border-style border-color ;

二.简答题

1.CSS是什么和它的作用是什么？

CSS主要是对HTML标记的内容进行更加丰富的装饰，并将网页表现样式与网页结构分离的一种样式设计语言。可以使用CSS控制HTM页面中的文本内容、图片外形以及版面布局等外观的显示样式。

2.如何在HTML文档中引入CSS样式表？分别列举方式

1.行内样式 (如果某个页面中某个位置单独去使用某个样式，可以使用行内样式)
    在标签里面写css样式
<a href="#" style="text-decoration: none;color: hotpink; font-size: 20px;">跳转链接</a> -->
2.内部样式(内联)
    在同一页面写css样式
                <style type="text/css">
                    a{
                        font-size: 30px;
                        text-align: center;
                        text-decoration: none;
                        color: fuchsia;
                    }
                </style> 
3.外部方式(外联) 导入css文件
            link的href属性导入css文件地址
                rel:固定写法：stylesheet:系统库中的层叠样式表
    <link rel="stylesheet" type="text/css" href="css/my.css"/>

3.如何改变HTML元素的文字颜色？

用color属性改变文字颜色 例：color: red;

4.如何给HTML元素设置字体大小和字体粗细程度？

在style标签内，确定好要修改样式的选择器，然后用font-weight: bold;属性对选择器里的内容进行样式修改。

三.实践题

1.使用table制作"导航器",里面可以通过背景颜色样式background-color设置背景色或者bgcolor属性设置 (参考今天resource的图解中的作业1-效果)

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>导航器</title>
       <style type="text/css">
           .myTab{
               width: 1000px;
               height: 300px;
               border: 0px;
           }
           tr{
               text-align: center;
           }
           td{
               border: 0px;
           }
       </style>
   </head>
   <body>
       <table class="myTab" align="center" border="2px" cellspacing="0px">
           <tr>
               <td bgcolor="antiquewhite">
                   漫画
               </td>
               <td bgcolor="aqua">
                   小说
               </td>
               <td bgcolor="aquamarine">
                   电影
               </td>
               <td bgcolor="#7FFF00">
                   音乐
               </td>
           </tr>
           <tr>
               <td bgcolor="#F5F5DC">
                   美食
               </td>
               <td bgcolor="bisque">
                   KTV
               </td>
               <td bgcolor="blanchedalmond">
                   体育
               </td>
               <td bgcolor="burlywood">
                   影视
               </td>
           </tr>

       </table>
   </body>
</html>

2.利用框架集和frame标签完成作业2效果(提示,左边菜单在继续通过rows,横向划分两部分

邮箱页面：
<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>邮箱页面</title>
   </head>
   <frameset rows="20%,*">
           <frame src="head.html" >
       <frameset cols="15%,*">
           <frameset rows="20%,*">
               <frame src="menu1.html" >
               <frame src="menu2.html" >
           </frameset>
           <frame src="main.html" >
       </frameset>
   </frameset>

</html>

小新sama

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前端学习记录 dy03

CSS主要是对HTML标记的内容进行更加丰富的装饰，并将网页表现样式与网页结构分离的一种样式设计语言。1.使用table制作"导航器",里面可以通过背景颜色样式background-color设置背景色或者bgcolor属性设置 (参考今天resource的图解中的作业1-效果)在style标签内，确定好要修改样式的选择器，然后用font-weight: bold;1.行内样式 (如果某个页面中某个位置单独去使用某个样式，可以使用行内样式)2.在以下的 HTML 中，哪个是正确引用外部样式表的方法？
复制链接

扫一扫