第三节课(a标签 css 选择器)

a:超链接标签 <a href="" target="" title="">内容</a>  href如果不写,点击内容只会刷新页面,

  1. href 写跳转地址,如果跳转网站,前面写协议,<a href="https://www.baidu.com"></a>,也可以放图片地址,点击之后页面就是该图片。

  没有点击超链接时,a 标签内字体颜色为蓝色,点击完之后为字体变成紫色。

2.target写跳转到的网页具体位置

     默认值为:_self   跳转到当前页面,跳转的网页覆盖原先网页

      其他值:_blank 跳转到新窗口,跳转的网页在新窗口打开,原先网页不受影响

在head 里有个单标签 <base target=""> 统筹规划网页跳转的,也是_self  _blank 两种值,

  3.锚点(a标签与其它标签:# 与 id          a标签 与 a 标签:#与name,跳转到顶部按钮),

1.<a href="#eminem">my idol</a>

             <p id="eminem">时光匆匆 不由我</p>

2.<a href="#eminem"></a>

           <a href=""   name="eminem"></a>

4.title 起提示作用,鼠标放上去会显示titl里的信息内容。

<p style="color:blue"></p>  行内样式会使代码显得臃肿,不利于维护,可以使用内部样式,开发中不会使用内部样式而是外部样式,外部样式是在外部建个css文件然后供引用,引用方式是在head里使用link 标签(单)<link rel="stylesheet" href="">,外部css 文件不用写style,且注意外部css 文件头部 写:@charset "utf-8";注意尾部写分号,防止乱码内部样式存放在head 标签里的style标签里面,样式由  选择器{属性:属性值;} 决定

写在标签里 叫标签属性,写在{}中是css属性,属性值结束用;

css 注释方式 /*123*/,

css 为什么叫层叠样式表,因为如果声明同一种标签元素内部同类样式,后面的会覆盖前面的,且还存在优先级问题,优先级高的覆盖优先级低的。

<style>

p{color:red;} /*p 是选择器*/

p{color:blue} /*后面覆盖前面的*/

</style>

<head>

  <style>

  /*

    p{

      color:red;

      background-color:black;

    }

*/

  <link rel="stylesheet" href="">  //rel 是文件类型

  </style>

</head>

选择器:(命名必须   “见名知意”,只能用合理的英文,字符也不行,要以英文小写开头)

   1.标签选择器 eg: p{}

   2.id 选择器,id 唯一,不能声明相同的id,

    #abc{

color:red;

}

    <p id="box"></p>

     3.类选择器

  

  

原文地址:https://www.cnblogs.com/yzdwd/p/12079508.html

时间: 2024-11-13 00:50:01

第三节课(a标签 css 选择器)的相关文章

css(二)css选择器,伪类

前戏 前面我们说过CSS规则由选择器和声明组成,我们要给标签设置属性,那我们就要找到对应的标签,CSS选择器可以帮我们找到我们需要的标签 css选择器有: 标签选择器 类选择器 ID选择器 全局选择器 群组选择器 后代选择器 标签选择器 标签选择器前面我们用过,它是以HTML标签作为选择器 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type&qu

Day48:HTML(form标签)、CSS选择器

一.表单标签<form> 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互. 表单能够包含input系列标签,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select.fieldset和 label标签. 表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理,比如https://www.sogou.com/web method: 表单的提交方式 post/get默认取值就是ge

2015-09-17 第二节课 滚动标签、form标签和CSS样式

一.滚动字幕标签的用法:<marquee></marquee> [举例如下]: <marquee direction="left">想左边跑动!</marquee> <marquee heiht="200" direction="up" hspace="200">向上滚动!</marquee> <marquee scrollamount="

CSS - 选择器(标签选择器、类选择器、ID选择器)

标题 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <

25 May 18 HTML-Tabel标签 CSS介绍 CSS选择器

25 May 18 一.table标签(标记一段数据为表格) #1.作用:表格标签是一种数据的展现形式,当数据量非常大的时候,使用表格的形式来展示被认为是最清晰的 #2.格式 <table> <tr> <td></td> </tr> </table> tr代表表格的一行数据 td表一行中的一个单元格 #3.注意点: 表格标签有一个边框属性,这个属性决定了边框的宽度.默认情况下这个属性的值为0,所以看不到边框 #4表格属性 a.宽度和高

HTML(form标签)、CSS选择器

一.表单标签<form> 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互. 表单能够包含input系列标签,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select.fieldset和 label标签. 表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理,比如https://www.sogou.com/web method: 表单的提交方式 post/get默认取值就是ge

第 13 章 CSS 选择器[上]

学习要点: 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 选择器,通过选择器定位到想要设置样式的元素.目前 CSS 选择器的版本已经升级至第三代,即 CSS3 选择器.CSS3 选择器提供了更多.更丰富的选择器方式,主要分为三大类. 一.选择器总汇 本节课主要涉及到三种选择器:基本选择器.复合选择器和伪元素选择器,具体如下: 选择器 名称 说明 CSS 版本 * 通用选择器 选择所有元素 2 <type> 元素选择器

CSS+DIV入门第一天基础视频 CSS选择器层叠性和继承性

大家好,我是小强老师, 现在网上的CSS+DIV视频,要么讲的太深,要么太浅,很多初学的同学们总是遇到困难,今天小强老师专门给大家准备了css课程的视频.带你从零基础学习CSS+DIV一直到能独立完成前台网页制作.小强老师是这样分类的,前几次课,我们将CSS+DIV入门基础,后几天课程我们讲案例制作.咱们接下来讲的是css基础部分. 高清视频地址如下: 01  css语法规范:                       http://www.tudou.com/programs/view/8s

CSS选择器优先级【转】

样式的优先级 多重样式(Multiple Styles):如果外部样式.内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况. 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式. 示例如下: <head>     <style type="text/css&