CSS怎么将DIV中的a标签改颜色

标签默认文字是蓝色,点过后是文字是紫色,想改变标签文字颜色设置方法如下:
a{color:black} /设置默认颜色/
a:link {color:blue;} /未访问颜色/
a:visited {color:gray;} /已访问颜色/
a:hover {color:red;} /悬浮(鼠标经过)时颜色/
a:active {color:yellow;} /点击时的颜色/

背景颜色颜色设置:
a {background-color: red;}

  • 2
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
HTML:超文本标题语言 网页基本组成:音频,视频,链接,图片,文字 web标准的好处 1.让web的发展前景更加广阔 2.内容能被更广泛的设备访问 3.更容易被搜索引擎搜索 4.降低网站流量费用 5.使网站更易于维护 6.提高页面浏览速度 web组成标准:结构、表现、行为 结构标准:结构用于对网页元素进行整理和分类 样式标准:设置网页元素的一个版本,颜色大小以及外观,css 行为标准:行为是指网页模型的定义及交互的编写,dom,es 语义化标签: 1方便袋妈的阅读和维护 2同时让浏览器或网络爬虫很好的解析,从而更好地分析其的内容 3使用语义化标签具有更好的搜索引擎优化 核心:合适的地方给一个最为合理的表情 paragraph 段落 <p></p> horizontal 横线(分割线 <hr> break 打断,换行 <br> ※div span 标签:起到一个包裹作用,将网页分开布局,没有任何语义化 div是一个块级标签,可以设置其大小 span是一个行内元素,不能设置其大小,限定于内容的元素的变 <b><b><strong></strong>加粗 <i></i>斜体 <s></s><del></del>删除线 <u></u><ins></ins>下划线 image 图像 <img> href="链接">文本或者图片</a>点击内容可以转入链接 <a href="链接" target="blank">文本或者图片</a>在新的窗口打开链接 <a href="#">文本或者图片</a>暂时没有设置链接。 锚点链接<a href="#id">标题</a> 跳转到标题处(在一个页面上) <p id=""> 设置锚点链接的id base <!--内容-->注释标签 <img src="../">是上一级的图片,"./"是下一级图片 20200526笔记 <ul> <li>...</li> <li>...</li> ... </ul> 只能嵌套<li>标签,<li>标签可以容纳所有元素 <ol> <li>...</li> <li>...</li> ... </ol> 用于有序的排列 <dl> <dt>...</dt> <dd>...</dd> <dd>...</dd> <dd>...</dd> ... </dl> <dl>是自定义列表,<dd>解释<dt> <table> 表格 <tr> <td>单元格内文字</td> ...... </tr> ...... </table>
1.css的概述 1.问题 HTML属性修饰有一定局限,是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点:将css样式定义在HTML标记 语法:先增加一对<style></style>,在<style>标记写样式规则 样式规则:由选择器和样式声明组成 3.外部样式 独立于任何网页位置处,声明一个样式文件(.css为后缀),在文件声明样式,在使用的网页引入.css文件。 使用步骤: 1.创建样式表文件(.css) 2.在样式文件编写样式规则 3.在网页对样式文件进行引入 <link rel="stylesheet" href="URL../.css"> 3.CSS样式特征 1.继承性 必须是父子(有层叠嵌套的关系)结构 大部分的css效果是可以 2.优先级 1.浏览器默认样式 2.内部样式和外部样式(就近原则) 3.内联样式 4.!important; 绝对优先使用() 格式 p{ color:red !important; } 2.css选择器 1.选择器的作用 规范页面那些元素能够使用定义好的样式。 2.选择器详解 1.通用选择器 *{样式} 2.元素选择器 p{样式} 3.类选择器 1. 声明 .class名{样式} 2.引用可以引用多个类名用空格隔开 4.id选择器 #id名{样式} 3.特殊选择器 1.群组选择器 #id ,.class{样式} 1.子选择器 #id>.class{样式} 1.分类选择器 div .class{样式} 4.伪类选择器 作用:匹配元素不同状态的选择器 语法:所有的伪类都是以 : 作为开始 选择器:伪类选择器{样式} 伪类分类 1.伪类链接 :link 匹配尚未访问的超级链接状态 :visited 匹配访问过的元素的状态 2.动态伪类 :hover 匹配鼠标悬停在元素上时的状态
1、设计的目的 做个网站以纪念港珠澳大桥彰显大国基建魅力,为国工程师点赞喝彩。港珠澳大桥此刻的美丽,以及无限的未来向往正是国工匠人的工匠精神延续。 2、设计布局 主页设计布局是在网站的左上角是网站标题名称为港珠澳大桥、首页、项目简介、设计理念、设计特点、大桥影响、桥见美景共六大模块,点击相应的导航栏目页面跳转到相应位置。首页采用div+js+css来实现四张港珠澳大桥背景图的引入和隔一定时间实现循环自动来回切换背景图,通过js设置切换间隔,每张图的停留时间。网站央是内容,分别包含五大板块,每个版块由不同的div块组成,右上角是主题,下面是详情的文字介绍,右边配上相应的图片,增加网站的观赏性,吸引性。港珠澳大桥美的恰恰是其在不同场景下的景色图。网站底部分别是网站版权介绍信息,采用居透明显示,文字大小和样式用css来控制,美观大方。 3、网站具体设计过程 首先选定 本网页制作工具是前端开发利器: WebStorm,创建前端项目工程,并创建相应的文件夹,存放各个css、js,还有网页用到的各种图片,以及除了主页面index.html之外的二级页面,其存放在html文件夹下,在各个二级页面与主页跳转的网页链接上采用相对路径而不是绝对路径,创建好的项目工程目录结构如下所示: 站点结构图: 首先设计网站主页也就是核心内容index.html。页面总体采用 CSS+DIV 布局,最外层DIV为框架。导航栏主要采用a标签以及span标签,并在a标签里面用锚点链接到其对应的模块位置,点击即可跳转到指定位置,使得网站更加人性化,方便展示内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我要变胖哇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值