搭建菠菜程序网站源码开发初级自学篇-【CCS的编程基础|BC基础】

抽点时间来分享下网站搭建菠菜程序网站源码开发过程之中，最基础的编程内容也是BC的基础之一，大量运用于PHP/Java/。net等代码编写之中的CCS是什么，在前后端都具体哪些方面的运用。在学习CCS之前，我们最好能先了解下更迭过几个版本。

  首先CSS1.0 只能美化一些基本内容，例如加粗字体，还可以使用继承

CSS2.0 DIV（相当于块，比p标签更灵活）+ CSS HTML与CSS结构分离的思想，网页变得简单，利于SEO（搜索引擎优化）

CSS2.1 更高级的用法，浮动，定位

CSS3.0 目前最新版：圆角边框，阴影，动画等新特性…… 浏览器兼容性，动画可能某些老式浏览器没有支持 支持前几个版本的CSS

1 、BC之中什么是CSS

层叠级联样式表

CSS：表现（美化网页）

字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动……

2、编程的快速入门

style标签可以在html中嵌入css代码，例如：

<style>
    h1{
        color:red;
    }
</style>

css代码格式：

选择器{
    声明1;
    声明2;
    声明3;
}

如果要将css与html分离，可以使用链接链到CSS文件：

<link rel="stylesheet" href="路径">

推荐使用分离的方式

css文件的优势：

1.内容和表现分离2.网页结构表现同意，可以实现复用3.样式丰富4.建议使用独立于html的css文件5.利用SEO，容易被搜索引擎收录

3、编程之中三种css导入方式

1. 内部样式 在html中加入style标签
2. 外部样式 写在外部css文件中 注：css的注释是/* */
3. 行内样式 在标签内加上style属性

样式的优先级别：就近原则 谁离元素更近，优先级越高

扩展：外部样式两种写法：

• 链接式

<link rel="stylesheet" href="路径">

• 导入式 出自css2.1 现在不常用了，有弊端 会先展示网页骨架，之后再渲染

<style>
		@import url("css/style.css");
</style>

以上就是日常菠菜搭建网站源码编写过程中用的最多的代码-【CCS的编程基础】，也是所有学习编程的开发人人员基本知识。

标签：网页,BC,样式,编程,CCS,源码,css,CSS
来源： https://blog.51cto.com/14454095/2666819