章节
问答
课签
笔记
评论
占位
占位

佛靠金装,人靠衣装 - html和css的关系

这一章节我们来学习html与css的关系。我们先来看一下单纯的html标签长什么样:

代码如下:

<p>我是一个p标签</p>

 

我们再来看一下经过css修饰过后html标签:

代码如下:

  p {
        color: red;
        border: 1px solid blue;
        width: 140px;
        height: 40px;
    }

技术点的解释:

1、css是用来修饰html样式的

2、html本身是有一些默认样式,如果我们想改变html标签的样式,就需要借助css

3、html+css构成了我们网页的基本页面结构和样式

任务

我来试试:为Hello World添加样式

1.在右边编辑器的第8行,输入font-size:12px;(注意结果窗口的文字大小的变化)。

2.在右边编辑器的第9行,输入color:#930;(注意结果窗口的文字颜色的变化)。

3.在右边编辑器的第10行,输入text-align:center;(注意结果窗口的文字居中的变化)。

?不会了怎么办

1.分号;号都得在半角英文状态下输入。

2.每行css代码结尾都要加入;(h1{后不用加,因为它不是一条语句)如:

    font-size:12px;
    color:#930;
    text-align:center;

3. #930颜色值前面的#号注意不要忘记了。

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 暗幽夜
<head>和<body>不能有两个,第二个会报错

最新回答 / 寒星孤月
var slideIndex = 0; // 从0开始索引,更符合JavaScript的数组索引习惯// 初始显示第一张幻灯片showSlides(slideIndex);function plusSlides(n) {    showSlides(Math.max(0, Math.min(slideIndex + n, document.getElementsByClassName("mySlides").length - 1)));};function currentSlide(n) {    sho...

最新回答 / qq_慕数据2098557
这个问题可能是由于以下原因导致的:1. 网页中的图片路径不正确。请检查网页中的图片路径是否正确,确保图片文件位于网页所在的文件夹中。2. 图片文件名包含特殊字符。请检查图片文件名是否包含特殊字符,例如空格、点等。如果包含特殊字符,请将其替换为正确的文件名。3. 图片文件类型不支持。请检查图片文件类型是否支持在网页中显示。例如,GIF、JPG、PNG等。4. 网页中的图片标签不正确。请检查网页中的图片标签是否正确,例如`<img>`标签的`src`属性是否正确设置。5. 网页加载速度过慢。请检查...

最新回答 / 不懂代码小wink
到时候大学毕业了,实习证明就靠你了😎

最新回答 / 慕粉5015330
啥意思捏?

最新回答 / weixin_慕用9444360
<style> 标签用于为 HTML 文档定义样式信息。

最赞回答 / 陈序员的进阶798
把修饰的对象h1改成p标签,h1{}—>p{}

最赞回答 / 麦麦提亚森
type="text/css"是指定MIME类型,其中:     text是指对象为网页中的文本     css或是javascript是指当前指定的文本类型

最赞回答 / 慕斯3039215
自定义的标签应该是作为容器?子元素的文本是居中的

最新回答 / 慕侠6242078
这一节是解释css和html的关系,css可以用来修饰html标签的样式

最新回答 / 慕神6001513
多加练习,反复练习,温故而知新

最新回答 / china_gaofeng
点“提交”,或者勾选“自动运行”后重置一下代码,这样你一边输入一遍就会显示

最新回答 / weixin_慕神3028693
你可以把上面代码复制到记事本,保存时加一个.html后缀,然后再打开就看见了

已采纳回答 / 黄鹤楼前观黄鹤
大部分是学员,有问题可以一起探讨
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言