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

  • 时间:
  • 浏览:0
  • 来源:UU直播快三官方_大发UU直播快3

font-size:20px;

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

1.0 id选者器:

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

}



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

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

#first{

<style>

#first.line{

.bold{

p{

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

3.0内外部样式

<p ></p>

font-weight: bold;

<style>

3.0  标签名选者器

color:red;

的一另另三个 多多应用)或

<style>

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

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

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

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

5.0伪类选者器

在head中通过link标签引入内外部样式

1.0行内样式

}

<style>

color:red;

/* 在页面设计中很少也能 针对全部的一种生活标签设置同样的样式,好多好多 有在实际开发中标签名选者器基本不使用 */

我的人个博客http://www.eotodo.com

}

样式:

p{

.line{

在支持 CSS 的浏览器中,链接的不同清况 都可否不同的法律辦法 显示,一种生活清况 包括:活动清况 ,已被访问清况 ,未被访问清况 ,和鼠标悬停清况 。

4.0组合选者器

}

/* 选者页面中id值为fist 且class中中有 line的元素*/

</style>

selector : pseudo-class {property: value}

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

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

font-size: 20px;

伪类的语法:

<style>

样式选者器:

锚伪类

font-style:italic;

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

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

<style>

/* 当也能 为页面中的某一另另三个 多多元素设置样式的过后,使用id选者器 */

2.0 class选者器:

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

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

<style>

}

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

}

2.0内内外部样式