总之,经过筛选和考虑 决定先好好自学一波前端编程
最开始选定的是学堂在线前端视频 ,后来感觉有些听不进去。于是放弃这部分视频
现在选用的学习方式是看文档和在线编程做题
主要看:w3school和菜鸟教程中的html知识点 并且利用freecodecamp中文社区练习。在此做个笔记
1. html注释: <!-- -->
2.
以下是将h2
元素的文本颜色设置为蓝色的示例代码:
<h2 style="color: blue">CatPhotoApp</h2>
当你键入<h2 style="color: red">CatPhotoApp</h2>
,你就给h2
元素添加了inline style(内联样式)
。内联样式是为元素添加样式的最简单有效的方式,但是更易于维护的方式是使用层叠样式表CSS
(Cascading Style Sheets)。在代码的最顶端,创建一个如下的style
元素:
<style></style>
在这个style
元素内, 你可以为所有的h2
元素创建一个元素选择器
。比如,如果你想要将所有的h2
元素设置为红色, 你的代码应该看起来像这样:
<style>
<!-- 选择器 {属性名称: 属性值;} -->
h2 {
color: red;
}
</style>
注意:一定要在属性值的后面加上分号;
。
4.类选择器
我们先声明一个类选择器:
<style>
.blue-text {
color: blue;
}
</style>
上面的代码在 <style>
标记中声明了一个叫做 blue-text
的类样式。
然后在h2元素上应用我们声明的类选择器:
<h2 class="blue-text">CatPhotoApp</h2>
注意:在CSS中,类选择器应该添加.
为前缀。而在HTML中,class属性不能添加.
为前缀。这是因为在CSS中如果类选择器前不添加.
浏览器就会误认为类选择器是一个元素选择器。
5.
字号是由样式属性font-size
来控制的, 如下:
h1 {用
font-size: 30px;
}
font-family
属性来设置元素的字体。
以上内容来自freecodecamp教程。