当前位置: 首页 > news >正文

学校网站开发说明书文档连云港seo优化

学校网站开发说明书文档,连云港seo优化,福州专业做网站的公司哪家好,网站建设管理工作范文目录 作用 分类 基础选择器 标签选择器 ​编辑类选择器 id选择器 通配符选择器 作用 选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。 简单来说,就是选择标签用的。 选择器的使用一共分为两步: 1.…

目录

作用

分类

基础选择器

标签选择器

​编辑类选择器

id选择器 

通配符选择器


作用

选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。  简单来说,就是选择标签用的。

 选择器的使用一共分为两步:

1.找到需要定义的标签

2.设置这些标签的样式

分类
基础选择器

由单个选择器组成

标签选择器

用HTML标签名称作为选择器,按照标签进行分类,为页面中某一类标签指定统一的CSS样式

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>myweb</title><style>p{color:aqua;font-size: larger;font-weight: bold;text-align: center;background-color: #000;font-family: Arial, Helvetica, sans-serif;}</style>
</head>
<body><p>HELLO WORLD</p>
</body>
</html>

 运行结果:

类选择器

如果想要差异化选择不同标签,单独选择一个或者几个标签,可以使用类选择器

结构需要用class属性来调用class类的意思

样式点定义 结构类(class)调用 一个或多个 开发最常用

  • 类的名字由我们自己定义(不能用已知标签名字)
  • 多个单词用短横线来分割
  • 不要出现纯数字,中文等命名,尽量使用英文字母来表示
  • 命名要有意义
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>myweb</title><style>.mycss{color:aqua;font-size: larger;font-weight: bold;text-align: center;background-color: #000;font-family: Arial, Helvetica, sans-serif;}</style>
</head>
<body><p class="mycss">HELLO WORLD</p><p>young man</p>
</body>
</html>

运行结果: 

 类选择器-多类名

我们可以给一个标签指定多个类名,从而达到更多的选择目的,这些类名都可以选出这个标签,简单理解就是一个标签有多个名字

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>myweb</title><style>.mycss {background-color:aqua;}.mycss2 {width: 800px;height: 400px;}</style>
</head>
<body><div class="mycss mycss2">HELLO WORLD</div>
</body>
</html>

 在标签class属性中写多个类名

在多个类名中间必须用空格分开

id选择器 

id选择器可以为标有特定id的HTML元素指定特定的样式

HTML元素以id属性来设置id选择器,CSS中id选择器以“#”来定义

注:只能调用一次

#id名{属性1:属性值1;
}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>myweb</title><style>#purple {color:purple;}</style>
</head>
<body><div id="purple" class="mycss mycss2">HELLO WORLD</div>
</body>
</html>
通配符选择器

在CSS中,通配符选择器使用“*”定义,它表示选取页面中所有元素

http://www.dinnco.com/news/33764.html

相关文章:

  • 做卖号网站企业建站系统模板
  • 如何制作手机免费网站模板下载武汉seo网站优化
  • 昆山建设网站百度搜索关键词排行榜
  • 推荐个靠谱的网站网络热词作文
  • 如何做flash游戏下载网站网络营销ppt讲解
  • 网站权重转移做排名广东省新闻
  • 自己搭建网站的步骤网站怎么收录
  • 做简历的网站 知乎百度开户推广
  • 老板让我做网站负责人国际军事最新消息今天
  • 网站建设 策划方案书网站内部优化有哪些内容
  • 西昌网站建设树枝seo
  • 网站建设参考文献英文书籍百度快速收录教程
  • 种子搜索seo网络排名优化哪家好
  • 网页设计员的工作内容seo关键词查询
  • 建设工程规范在哪个网站下载收录优美图片崩了
  • 上海微信网站建设兼容网站aso推广公司
  • 网站开发搜索功能百度营销推广
  • wordpress优化服务seo优化方式包括
  • php源码网站安装网络营销推广实训报告
  • 做商务网站服务谷歌官网入口
  • 网站建设人员架构百度服务商
  • 自已建网站微信登录seo是做什么工作内容
  • 政府网站做减法公务员考题怎样宣传自己的品牌
  • 签署网站建设协议新闻广告文案经典范例200字
  • 竞价推广培训班哪里有黑帽seo
  • 网站说说模板.网页制作工具
  • 公安机关备案 网站品牌营销推广公司
  • 制作高端app开发公司温州seo品牌优化软件
  • 做电影的网站赚什么钱南宁seo服务优化
  • 满山红厦门网站建设东莞百度推广优化排名