牛腩之CSS简介_html-js-css

概述在没有接触CSS之前，我们使用Html写网页是这样写的：&ltspan style="font-size:18px;"&gt&lt!DOCTYPE html&gt&lthtml &gt&lthead&gt &lttitle&gtCSS测试&lt/title&gt&lt/head&gt&ltbody&gt &ltcenter&gt

在没有接触CSS之前，我们使用HTML写网页是这样写的：

<!DOCTYPE HTML><HTML ><head> <Title>CSS测试</Title></head><body> <center>     HTML是1种标记语言  </center></body></HTML>

运行结果以下：

这样写出来的网页灵活性几近没有，如果我们要更改网页的显示效果，那末我们就要找到网页源码相应的地方进行修改，如果这样的网页有不计其数个，难道我们就这样1个1个滴渐渐滴去修改吗？NO！

传统的写法将内容与样式写在了1起，用我们的俗语说就是写死了，可保护性实在是太差了。我们应当想办法让文字内容与其显示的效果的定义分开，这时候候CSS来了，它的最大特点就是将Web页面的内容和样式进行分离，从而能够灵活的修改页面显示效果，这个类似于我们之前接触过的配置文件config。具体如何做呢？往下看

首先要添加1个样式表，以下图所示

然后在StyleSheet1.CSS里面写以下代码：

body { Font-size :40px; /*设置字体大小*/ color :blue ; /*设置字体色彩*/ text-decoration :underline ; /*设置字体加下划线*/ Font-weight :bold ; /*设置字体加粗*/ text-align :center ; /*设置字体居中显示*/}

以后我们对HTML文件里的代码进行修改:

运行结果以下：

这就是所谓的CSS技术，通过在样式表中设置web页面的样式，来控制页面的显示效果，这样如果要更改显示效果的话，我们只需要在样式表中进行相应的修改便可，特别的灵活方便。说到CSS不能不说css选择器，根据视频讲授，大致有3种：类选择器，ID选择器和HTML标签选择器。

类选择器和ID选择器的定义以下图所示：

最后1种HTML标签选择器，如果你认真看了本文，那末你1定知道如何使用，由于上面CSS举例的时候笔者就是使用的HTML标签选择器，即body{ }，花括号内书写具体的样式设置代码。关于各种css选择器的使用，将在后续的博文中详细介绍，这里就不再赘述了，本文主要告知大家甚么是CSS，给大家1个直观而形象的说明。总结

以上是内存溢出为你收集整理的牛腩之CSS简介全部内容，希望文章能够帮你解决牛腩之CSS简介所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1020273.html