欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

前端基础之CSS_html/css_WEB-ITnose

程序员文章站 2022-03-31 12:40:44
...
在在学习css之前,我们需要对HTML的知识有基本的了解!

什么是CSS?

CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一 点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是 Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工 具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有 几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。

谈谈 css 页面优化的三种方式:

第一、二种 方式:

css 第一种存在方式

css 第一种方式 div
css 第一种方式 div

css 第二种存在方式 class = "c1名字"

css 第二种方式 div
css 第二种方式 div
css 第二种方式 div

第三种方式:(直接引用css文件)

可将重复代码写在一个".css" 文件中

css 第三种存在方式

css 第三种方式 div
css 第三种方式 div
css 第三种方式 div

common.css 中内容:

.c1{    background-color: red;border: 10px solid green;}

第三种方式,直接引用common.css 文件中的内容,截图如下

演示效果如下:

持续更新中...

更多链接: http://www.w3school.com.cn/css/

相关标签: 前端基础之CSS