智慧树CSS基础答案(知到2023年完整答案)

中文习题2024-05-19 06:50:5004520抢沙发
智慧树CSS基础答案(知到2023年完整答案)摘要: 1、单选题:CSS是)的缩写。选项:A:ComputerStyleSheetsB:CreativeStyleSheetsC:CascadingStyleSheetsD:ColorfulStyleShe ...

智慧树CSS基础答案(知到2023年完整答案)

1、智慧知到整答单选题:
CSS是基础()的缩写。
选项:
A:ComputerStyleSheets
B:CreativeStyleSheets
C:CascadingStyleSheets
D:ColorfulStyleSheets
答案:【CascadingStyleSheets】

2、答案单选题:
引用外部样式表的年完格式是()。
选项:
A:<stylesheet>mystyle.css</stylesheet>
B:<linkrel="stylesheet"type="text/css"href="mystyle.css">
C:<stylesrc="mystyle.css">
D:<stylesheet>mystyle</stylesheet>
答案:【<linkrel="stylesheet"type="text/css"href="mystyle.css">】

3、智慧知到整答单选题:
引用外部样式表的基础元素应该放在()。
选项:
A:在head元素中
B:在body元素中
C:HTML文档的答案结束的位置
D:HTML文档的开始的位置
答案:【在head元素中】

4、单选题:
内部样式表的年完元素是()。
选项:
A:<css>
B:<script>
C:<body>
D:<style>
答案:【<style>】

5、智慧知到整答单选题:
元素中定义样式表的基础属性名是()。
选项:
A:style
B:font
C:class
D:styles
答案:【style】

6、答案多选题:
下列选择器中正确的年完有()。
选项:
A:.test{ color:red;}
B:#test{ color:red;}
C:p{ color:red;}
D:$test{ color:red;}
答案:【.test{ color:red;};
#test{ color:red;};
p{ color:red;}】

7、智慧知到整答多选题:
关于CSS基本语法说法正确的基础是()。
选项:
A:当有多个属性时,答案用“;”进行区分
B:属性必须要包含在号之中
C:属性和属性值之间用等号链接
D:如果一个属性有几个值,则每个属性值之间用分号分隔开
答案:【当有多个属性时,用“;”进行区分;
属性必须要包含在号之中】

8、判断题:
CSS是CascadingStyleSheet的英文缩写。
选项:
A:错
B:对
答案:【对】

9、判断题:
CSS样式代码只能放在单独的文本文件中,不能写在HTML文件中。
选项:
A:错
B:对
答案:【错】

10、判断题:
CSS中id选择器和类别选择器一样,两者没有区别。
选项:
A:对
B:错
答案:【错】

第二章单元测试

1、单选题:
下列()不属于CSS文本属性。
选项:
A:text-transform
B:line-height
C:text-align
D:font-size
答案:【line-height】

2、单选题:
下列哪一项是CSS正确的语法构成().
选项:
A:{ body;color:black}
B:body{ color:black}
C:body:color=black
D:{ body:color=black}
答案:【body{ color:black}】

3、单选题:
下列哪个CSS属性可以更改样式表的字体颜色().
选项:
A:fgcolor:
B:text-color=
C:color:
D:text-color:
答案:【color:】

4、单选题:
下列哪个CSS属性可以更改字体大小().
选项:
A:text-style
B:font-size
C:text-size
D:font-style
答案:【font-size】

5、单选题:
下列哪段代码能够定义所有P标签内文字加粗().
选项:
A:p{ font-weight:bold;}
B:<pstyle=”font-size:blod”>
C:p{ text-size:bold;}
D:<pstyle=”text-size:blod”>
答案:【p{ font-weight:bold;}】

6、单选题:
下面哪个方法可以去掉文本超链接的下划线().
选项:
A:a{ underline:none;}
B:a{ text-decoration:none;}
C:a{ text-decoration:nounderline;}
D:a{ decoration:nounderline;}
答案:【a{ text-decoration:none;}】

7、多选题:
以下声明可将文本字体加粗的有:()。
选项:
A:font-weight:normal
B:font-weight:lighter
C:font-weight:700
D:font-weight:bold
答案:【font-weight:700;
font-weight:bold】

8、多选题:
以下装饰线设置正确的有:().
选项:
A:text-decoration:underline;
B:text-decoration:underlineoverline;
C:text-decoration:overline;
D:text-decoration:line-through;
答案:【text-decoration:underline;;
text-decoration:underlineoverline;;
text-decoration:overline;;
text-decoration:line-through;】

9、判断题:
在网页中用CSS设置页面字体类型,只能设置一种字体类型。
选项:
A:错
B:对
答案:【错】

10、判断题:
可以使用CSS中的Word-spacing属性给中文词组设置词间距。
选项:
A:对
B:错
答案:【错】

智慧树CSS基础

CSS是一门基础性很强的技术,它能够为网站提供丰富的视觉效果和交互特性。CSS的学习过程往往需要一些耐心和恒心,但是通过刻意练习和掌握基础知识,你也能够成为一名优秀的CSS开发者。

CSS的基本语法

CSS使用一种声明式语言来描述文档的样式,它通常与HTML配合使用。CSS的基本语法包括选择器、属性和值。选择器用于选择要应用样式的元素,属性用于定义样式,而值则指定属性的具体内容。

比如,为所有段落元素设置字体为宋体,你可以使用以下代码:

p {     font-family: 宋体;}

在这里,p是选择器,font-family是属性,宋体是值。

CSS的选择器

CSS的选择器允许你根据不同的条件选择元素。常见的选择器包括:

  • 标签选择器:根据元素的标签名选择元素。
  • 类选择器:根据元素的类名选择元素。
  • ID选择器:根据元素的ID选择元素。
  • 属性选择器:根据元素的属性选择元素。
  • 伪类选择器:根据元素的状态选择元素,例如或

以下是一些选择器的使用示例:

/* 标签选择器 */p {     color: red;}/* 类选择器 */.highlight {     background-color: yellow;}/* ID选择器 */#logo {     width: 100px;}/* 属性选择器 */a[href=\https://www.zhihuishu.com/\ {     font-weight: bold;}/* 伪类选择器 */a:hover {     color: blue;}

CSS的属性和值

CSS的属性和值非常多,这里只介绍一些常见的属性和值。

文本属性

CSS的文本属性可以调整文本的字体、大小、颜色等。

/* 字体 */body {     font-family: Arial, sans-serif;}/* 字体大小 */h1 {     font-size: 2em;}/* 颜色 */p {     color: #333;}/* 文本对齐 */div {     text-align: center;}

盒子模型属性

CSS的盒子模型属性可以调整元素的大小、边框、内边距和外边距等。

/* 宽度和高度 */img {     width: 200px;    height: 150px;}/* 边框 */div {     border: 1px solid #ccc;}/* 内边距 */ul {     padding: 0 10px;}/* 外边距 */p {     margin: 10px;}

背景属性

CSS的背景属性可以设置元素的背景颜色、图片、重复方式等。

/* 背景颜色 */body {     background-color: #eee;}/* 背景图片 */div {     background-image: url(\background.jpg\}/* 背景重复 */ul {     background-repeat: repeat-x;}

CSS的布局技巧

CSS的布局是Web开发中最重要的部分之一。下面介绍一些常见的布局技巧。

浮动布局

浮动布局常用于实现两列或三列布局。

/* 左浮动 */.left {     float: left;}/* 右浮动 */.right {     float: right;}

定位布局

定位布局可用于实现绝对定位或相对定位的布局。

/* 绝对定位 */.absolute {     position: absolute;    top: 50px;    left: 100px;}/* 相对定位 */.relative {     position: relative;    top: 10px;    left: 20px;}

Flexbox布局

Flexbox是一种基于弹性盒子模型的布局方式,它可以方便地实现自适应布局。

/* 父元素 */.container {     display: flex;    flex-direction: row;}/* 子元素 */.item {     flex: 1;}

总结

本文介绍了CSS的基本语法、选择器、属性和值,以及常见的布局技巧。CSS是Web开发中必不可少的技术之一,通过不断练习和深入学习,你也能够成为一名优秀的CSS开发者。

文章版权及转载声明

本文地址:http://www.zzxhsh.org/39d799895.html发布于 2024-05-19 06:50:50
文章转载或复制请以超链接形式并注明出处五煦查题

评论列表 (暂无评论,44人围观)参与讨论