前端基础之CSS_html/css_WEB-ITnose
程序员文章站
2022-03-31 12:41:26
...
在在学习css之前,我们需要对HTML的知识有基本的了解!
什么是CSS?
CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一 点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是 Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工 具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有 几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。
谈谈 css 页面优化的三种方式:
第一、二种 方式:
css 第一种存在方式
css 第一种方式 divcss 第一种方式 divcss 第二种存在方式 class = "c1名字"
css 第二种方式 divcss 第二种方式 divcss 第二种方式 div
第三种方式:(直接引用css文件)
可将重复代码写在一个".css" 文件中
css 第三种存在方式
css 第三种方式 divcss 第三种方式 divcss 第三种方式 div
common.css 中内容:
.c1{ background-color: red;border: 10px solid green;}
第三种方式,直接引用common.css 文件中的内容,截图如下
演示效果如下:
持续更新中...
更多链接: http://www.w3school.com.cn/css/