初识HTML(5)+CSS(3)_技术问答

首页免费课初识HTML(5)+CSS(3) 问答

初识HTML(5)+CSS(3)

                
                五月的夏天
            Web前端工程师

                    查看讲师更多课程 
                    五月的夏天讲师的其他课程
                
基于Vue3+Vite+TS，二次封装element-plus业务组件
实战·中级·456

                                                                                                                                    ￥348.00
                                            
vue3.0实现todolist 
中级·21126
免费课程
                                
全方位入门git
入门·25164
免费课程
                                
基于Element-UI二次封装业务组件
中级·11555
免费课程
                                
                难度入门
            
                时长 9小时18分
            
                学习人数
            
综合评分9.50
                            9468人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

ageek

这种学习方法真的靠谱啊，分享

0 1-5 小哥,做头么? - 认识head标签

2015-01-03

老铁牛

ID选择器只能在文档中使用一次，应是同一个元素只能起一个id，类可以多个；你可以是人（类）的同时是女人（另一个类），还可以是聪明人（第三个类），但你是独一无二的，你的独一无二就是你的id。
不同元素可以使用不同id,id选择器就可以出现几个； “ID选择器只能在文档中使用一次” 这句话咬文嚼字稍有点歧义。#setGreen{} #setFont{} 这个算两个ID选择器吧，对于初学者而言。

1 8-5 类和ID选择器的区别

2015-01-03

老铁牛

不错，兄台我看好你!

2015-01-03

k5613982

200 x 18的意思就是width=200px;height=18px;

0 12-7 长胖长高点--宽度和高度

2015-01-03

杂果绘

就这样子学完啦？

2015-01-03

Patrick丶

有一点不足，用中文的分号和冒号不提示错误，没效果但也能进入下一节

2 1-5 小哥,做头么? - 认识head标签

2015-01-03

王二大

我去，代码不是不分大小写的吗？为什么这题中的“P”非要大写啊，害我一遍又一遍的排错！

2015-01-03

yinxueping

段落排版--对齐
想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示:
h1{
text-align:center;
}
<h1>了不起的盖茨比</h1>
同样可以设置居左：

h1{
text-align:left;
}
<h1>了不起的盖茨比</h1>
还可以设置居右：

h1{
text-align:right;
}
<h1>了不起的盖茨比</h1>

2015-01-03

yinxueping

段落排版--字间距、字母间距
文字间隔、字母间隔设置：如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing 来实现(注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。)
单词间距设置：可以使用word-spacing来实现。

2015-01-03

yinxueping

段落排版--行间距（行高）
行间距（行高）属性（line-height），如下代码实现设置段落行间距为1.5倍。
p{line-height:1.5em;}

2015-01-03

yinxueping

段落排版--缩进
中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现：p{text-indent:2em;}
注意：2em的意思就是文字的2倍大小

2015-01-03

yinxueping

文字排版--删除线
原价上的删除线使用下面代码就可以实现：.oldPrice{text-decoration:line-through;}

2015-01-03

yinxueping

文字排版--下划线
有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现：
p a{text-decoration:underline;}
<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

2015-01-03

yinxueping

以下代码可以实现文字以斜体样式在浏览器中显示：
p a{font-style:italic;}
<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

0 10-4 再加个样式 - 使用font-style设置字体样式

2015-01-03

yinxueping

文字排版--粗体
我们还可以使用css样式来改变文字的样式：粗体、斜体、下划线、删除线，可以使用下面代码实现设置文字以粗体样式显示出来。
p span{font-weight:bold;}
在这里大家可以看到，如果想为文字设置粗体是有单独的css样式来实现的，再不用为了实现粗体样式而使用h1-h6或strong标签了。

0 10-3 再加粗一点 - 使用font-weight设置字体粗细

2015-01-03

首页上一页 2389 2390 2391 2392 2393 2394 2395 下一页尾页

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。

微信扫码，参与3人拼团

热搜

最近搜索清空

初识HTML(5)+CSS(3)