CSS（一）

来源：互联网发布：itunes下载安装软件编辑：程序博客网时间：2024/06/13 05:28

一、简介

1、特点：实现了网页内容与样式的分离；

2、CSS选择器的优先级

ID选择器（“#id名”）：唯一性
类选择器（“.class名”）
HTML选择器，在body中,例如
body { color: #808080; }

实例分析

一段html中的body部分

<body>    <span id="special" class="menu">栏目一</span>    <span class="menu wen">栏目二</span>    <span class="menu">栏目三</span>    <span class="title">这是<span >一个</span>标题</span>    12345</body>

下面，我们为这段HTML页面添加样式

body {    color: #808080;}.menu {     /*类选择器 栏目样式*/    color:#b200ff；/*文字颜色*/}.title {    /*新闻标题样式*/    color: #ff0000;}#special {    /*id选择器*/    font-weight:bold;                  /*字体为粗体*/    color:#ffd800;}.title span {   /*子标签样式  父子标签用一个空格隔开，这里体现在'title'上*/    color:#00ff21;    font-style :italic;    font-size :16px;1/    font-weight:bold;}.wen {    /*栏目二的另一个class样式*/    text-decoration:underline;}.menu, .title {     /*并列关系，共同设置一个属性*/    background-color:#b6ff00;    color :#eeeeee;}

阅读全文

0 0