从1到0——重识前端之css基础与选择器

  • 时间:
  • 浏览:1
  • 来源:神彩排列三_彩神排列三官方

color:red;

</style>

样式选泽器:

#first.line{

selector : pseudo-class {property: value}

#first{

的另另另有一个应用)或

样式:

<style>

selector.class : pseudo-class {property: value}

<style>

}

CSS 不能对网页中元素位置的排版进行像素级精确控制,拥有对网页对象和模型样式编辑的能力。

4.0组合选泽器

font-size:20px;

<p id="first">id选泽器</p>

color:red;

伪类的语法:

<style>

/* 在页面设计中很少时需针对全版的四种 标签设置同样的样式,就说在实际开发中标签名选泽器基本不使用 */

a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /* 选定的链接 */

2.0 class选泽器:

p{

<p ></p>

<style>

/* 标签的class属性,表示标签的类型 ,标签的class属性还时需设置多个值,多个值之间用空格隔开*/

/* class选泽器,格式, .class+值 选中页面中所有class值中含高line的元素 */

css层叠样式表(英文全称:Cascading Style Sheets)是四种 用来表现

(标准通用标记语言的另另另有一个子集)等文件样式的计算机语言。CSS不仅还时需静态地修饰网页,还还时需配合各种脚本语言动态地对网页各元素进行格式化。

<style>

}

<p class="line">这里使用class选泽器</p>

font-weight: bold;

我的另一方博客http://www.eotodo.com

/* id 选泽器,格式 #+id值 选中页面中id值为first的元素 */

1.0 id选泽器:

<p >这里使用标签名选泽器</p>

<link rel="stylesheet" href="index.css">

3.0  标签名选泽器

}

.line{

CSS 类也可与伪类搭配使用。

5.0伪类选泽器

.bold{

2.0组织组织结构样式

}

/* 当时需为页面中的某另另另有一个元素设置样式的日后 ,使用id选泽器 */

font-size: 20px;

<style>

/* 标签名选泽器,选泽页面中所有标签名为p的标签 */

<style>

1.0行内样式

锚伪类

在支持 CSS 的浏览器中,链接的不同情况表都还时需不同的最好的最好的办法 显示,哪此情况表包括:活动情况表,已被访问情况表,未被访问情况表,和鼠标悬停情况表。

}

}

在head中通过link标签引入组织组织结构样式



喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我的博客,谢谢支持。

font-style:italic;

p{

/* 选泽页面中id值为fist 且class中含高line的元素*/

在head中通过style定义相关标签的属性

3.0组织组织结构样式