给html打扮一下 - 认识CSS样式，初识HTML(5)+CSS(3)-升级版教程-慕课网

给html打扮一下 - 认识CSS样式

CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。

如下列代码：

p{
   font-size:12px;
   color:red;
   font-weight:bold;
}

使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

任务

我来试一试：用css样式代码修改字体大小

在右部编辑器中的第9行修改

“font-size:12px;”为“font-size:20px;”

观察结果窗口的变化。

?不会了怎么办: 1、font-size:20px;后面的分号;不能忘记。

问答
评论
笔记
代码

全部精华我要发布

这是有什么问题吗？

最赞回答 / 后起之秀小李

把font-size：20px；的中间的空格去掉就行

3 回答 758 浏览

2022-10-19

按照慕课敲的代码为什么编译不了相同的效果

最新回答 / 慕数据1381574

<...code...>

2 回答 690 浏览

2022-04-18

关于<style type="text/css">的问题

最新回答 / No_heart

你说的是导入css文件么？那你可以试试吧style改成link，正确的代码是<link rel="stylesheet" type="text/css" href="css/css文件名">

2 回答 1156 浏览

2022-10-19

麻烦帮忙看看错在哪里了，谢谢

最赞回答 / 慕前端7307950

把font-size: 20px; “20px”前面的空格删除font-size:20px; 我自己改成这样就可以了，你代码是没啥问题

10 回答 1483 浏览

2022-07-20

这里是改变的p标签的样式吗？那么所有用到p标签的地方都受影响了，如果想自己定义个样式，然后在标签处引用，怎么处理？

最赞回答 / 慕UI3058995

可以这样写<p id=p1> <p id=p2>这样你就可以分别设置p的样式了

7 回答 1035 浏览

2022-10-19

前边我记得学的时候有个span标签，那个不就是修饰用的吗？

已采纳回答 / 郭大大7040142

那是用html时候的语法，现在是css语法不一样

3 回答 988 浏览

2020-04-14

/* */也可以注释？

已采纳回答 / sdarks

<...code...>上面这个是用于<head></head>标签里的，<...code...>上面这个是用于<body></body>标签里的。用错的话会出现错误。

2 回答 1077 浏览

2019-11-18

<style>标签必须放在<head>里吗？

已采纳回答 / aSuncat

不是必须，但是推荐这样做，这样style里的样式就会应用到body里的元素上。如果写在body下面，在这之前的元素的样式就不会生效。

3 回答 5331 浏览

2019-12-14

直接在段落里面直接加<strong>,怎么显示不出来效果

最赞回答 / sdarks

<...code...>把里面的<...code...>代码删掉，因为这段代码的意思是就是字体加粗......所以你添加<strong>就没有字体加粗效果。

3 回答 1703 浏览

2019-09-28

网页这个HTML编译器是什么软件啊，我想下载

最赞回答 / 慕婉清5198893

vs也可以呀

5 回答 1080 浏览

2022-10-19

不同段落的样式

+ 我来回答回答最高可+2积分

2 回答 1299 浏览

2022-03-31

style一定要写在head部分吗

已采纳回答 / 刘越cala

可以用嵌入式写在body里面的哦！

1 回答 1592 浏览

2018-10-04

input 是什么

最赞回答 / colna

用于搜集用户信息的时候

4 回答 912 浏览

2020-03-23

web用什么软件？

最新回答 / 我的世界只有一个你

Myeclipse

3 回答 1046 浏览

2019-07-10

为什么css不起作用？

+ 我来回答回答最高可+2积分

4 回答 1973 浏览

2022-08-09

全部我要发布

最热最新

只看我的

7-1 给html打扮一下 - 认识CSS样式