一分钟课堂,搞懂网站开发之Css入门

上次我们学习了Html基础,已经可以使用浏览器打开网页了,但是呢效果还比较单调,我们可以使用Css添加一个效果。

Css全称层叠样式表,具体有什么作用就让我们现在一起来看看吧。

编写Css样式

继续使用记事本打开上次的html文件。

bHelloWorld!/b

我们将代码修改为:

bstyle="background-color:red;color:white;"HelloWorld!b

关闭并保存文件,再次使用浏览器打开发现效果发生了改变,这就是Css的最直接作用。

如果大家的英语基础过关的话,其实上面新增的那句代码就能够看得懂什么意思。

我们还可以再试试以下代码,看看有什么样的不同。

bstyle="font-size:64px;"HelloWorld!b

divHelloWorld!div

divstyle="height:px;background-color:red;"HelloWorld!div

总结

现在你已经初步了解了Html和Css,感觉怎么样,是否有兴趣继续下一步呢?还是说你觉得现在的太简单了,想要实现一些更好看美观的页面效果呢,欢迎在评论区留言,或者私信告诉我,我会尽快为你解答的。

下一步,我们会先了解js,让页面能够有一些自动的变化。




转载请注明:http://www.aierlanlan.com/rzfs/1707.html