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

搭建菠菜程序网站源码开发初级自学篇-【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="路径">
<style>
@import url("css/style.css");
</style>


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




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