CSS基础

本文内容是根据毕晓东老师的视频教程总结而得。

1.概述&和html结合的方式一二

CSS介绍:解决页面显示效果问题。层叠样式表,用来定义网页的现实效果,可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的现实效果功能。简单地说,css将网页内容和显示样式进行分离,提高了显示功能

那么CSS和HTML是如何在网页代码中结合的呢?

通过四种方式:

  • style属性方式:利用标签中style来改变每个标签的展示样式。

例:

<div style="background-color:#06F;color:#FFFFFF">这是一个区域div>

该方式比较灵活,但是对于多个相同标签的同一样式定义比较麻烦,适合局部修改。

  • Style标签方式(内嵌方式):在head标签中加入style标签,对多个标签进行同一修改。

例:

<head>

<style type="text/css">

 div{

  background-color:#06F;

  color:#FFFFFF

 }

style>

head>

 

该方式可以对单个页面的样式进行同一设置,但对于局部不够灵活

注意行内样式更优先,即样式的重叠,行内样式会重叠掉