markdown

CSS基本表现形式只有三种：标签样式、Class类样式、ID样式

			 标签样式: 必须与HTML标签同名。仅仅影响同名标签

			 Class样式：可以在任何标签中使用: class="样式名"

			 ID: #来表示,优先级  ID > Class > Label

    1: HTML (结构层)    2: CSS (表现层)    3: JavaScript (行为层)

    2: HTML类似人的骨骼, CSS就像人的皮肤，JS给人赋予生命。

    3: 前端框架：BootStrap / Jquery  (通过网页的dom对象类进行选择) / Vue、Angularjs （双向数据绑定）


<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>前端技术介绍、样式三种形式</title>

		<style type="text/css">

			/* CSS基本表现形式只有三种：标签样式、Class类样式、ID样式  

				 标签样式: 必须与HTML标签同名。仅仅影响同名标签

				 Class样式：可以在任何标签中使用: class="样式名"

				 ID: #来表示,优先级  ID > Class > Label

			*/

			div{

							color: red;

						}

						.mycls{

							color: green;

						}

						#myid{

							color: blue;

						}

		</style>

		<script type="text/javascript">

		</script>

	</head>

	<body>

		<!--

				 1: HTML (结构层)    2: CSS (表现层)    3: JavaScript (行为层)

				 2: HTML类似人的骨骼, CSS就像人的皮肤，JS给人赋予生命。

				 3: 前端框架：BootStrap / Jquery  (通过网页的dom对象类进行选择) / Vue、Angularjs （双向数据绑定）

				 -->

				<div>我是DIV标签</div>

				<div class="mycls" >我是DIV标签，使用class定义CSS</div>

				<p id="myid">我是P段落 使用Id定义</p>

	</body>

</html>

CSS样式三种形式222的更多相关文章

  1. CSS样式三种形式

    CSS基本表现形式只有三种:标签样式.Class类样式.ID样式 标签样式: 必须与HTML标签同名.仅仅影响同名标签 Class样式:可以在任何标签中使用: class="样式名" ...

  2. 大家好，又是新的一天。今天给大家带来一些新的知识：选择器的种类和css的三种样式

    今天我们为大家 选择了 六种 选择器: 1. 标签选择器 2.id选择器 3.class选择器 4.后代选择器 5.子代选择器 6.交集选择器 我们就举三个典型的例子:后代选择器,子代选择器和交集选择 ...

  3. HTML5结合CSS的三种方法+结合JS的三种方法

    HTML5+CSS: HTML中应用CSS的三种方法 一.内联 内联样式通过style属性直接套进HTML中去. 示例代码 <pstylepstyle="color:red" ...

  4. html(常用标签,标签分类)，页面模板， CSS(css的三种引入方式)，三种引入方式优先级

    HTML 标记语言为非编程语言负责完成页面的结构 组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾 指令:被<>包 ...

  5. css-1,css的三种引入方式 基本选择器

    <!-- (1)CSS 层叠样式表 作用:修饰网页结构 (2)css的三种引入方式 权重: 优先级高 权重大 谁在页面谁的权重大 - 行内样式 注意:行内样式的优先级是最高的 - 内接样式 - ...

  6. 11 CSS的三种引入方式和基本选择器

    <!-- 整体说明: 1.CSS的三种引入方式 (1)行内样式 (2)内接样式 (3)外接样式 2.CSS的基本选择器 (1)id选择器 (引用方式:#id) (2)标签选择器(引用方式:标签名 ...

  7. Html CSS的三种链接方式

    感谢原文:https://blog.csdn.net/abc5382334/article/details/24260817 感谢原文:https://blog.csdn.net/jiaqingge/ ...

  8. Qt学习 之 多线程程序设计（QT通过三种形式提供了对线程的支持）

    QT通过三种形式提供了对线程的支持.它们分别是, 一.平台无关的线程类 二.线程安全的事件投递 三.跨线程的信号-槽连接. 这使得开发轻巧的多线程Qt程序更为容易,并能充分利用多处理器机器的优势.多线 ...

  9. spring对事务支持的三种形式

    spring对事务支持的三种形式: 1.通过spring配置文件进行切面配置 <bean id="***Manager" class="org.springfram ...

随机推荐

  1. 依赖倒置原则（DIP）

    1. 定义 (1)高层模块不应依赖于低层模块,两者都应该依赖于抽象.(2)抽象不应该依赖于细节,细节应该依赖于抽象. 为什么是“倒置”这个词? 这是由于许多传统的软件开发方法,比如结构化分析和设计,总 ...

  2. nginx只允许域名访问，禁止ip访问 禁止其他域名访问

    背景:为什么要禁止ip访问页面呢?这样做是为了避免其他人把未备案的域名解析到自己的服务器IP,而导致服务器被断网,我们可以通过禁止使用ip访问的方法,防止此类事情的发生. 解决方法:这里介绍修改配置文 ...

  3. Hive小文件处理

    小文件是如何产生的: 动态分区插入数据的时候,会产生大量的小文件,从而导致map数量的暴增 数据源本身就包含有大量的小文件 reduce个数越多,生成的小文件也越多 小文件的危害: 从HIVE角度来看 ...

  4. ASP将Table导出Excel

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%><%if request("action") ...

  5. 【composer】 PHP composer 镜像地址更换

    如果你使用的是 laravel-china.org 得 composer 镜像.那么近期执行更新时候就会报错: 莫慌,这是因为 laravel-china.org 已经停止了对composer得更新. ...

  6. 生成有目录的pdf

    生成有目录的pdf 觉得有用的话,欢迎一起讨论相互学习~Follow Me 参考文献 https://jingyan.baidu.com/article/ff411625c2153512e48237a ...

  7. Django自定义用户认证系统之自定义用户模型

    参考文档:http://python.usyiyi.cn/django/topics/auth/customizing.html Django 自带的认证系统足够应付大多数情况,但你或许不打算使用现成 ...

  8. Python - Django - ORM F查询和Q查询

    models.py: from django.db import models # 出版社 class Publisher(models.Model): id = models.AutoField(p ...

  9. Python - Django - ORM 自定义表名

    通过 Django 建立的表 命名方式为:项目名_表名 可以将该默认命名方式进行修改 models.py: from django.db import models class Person(mode ...

  10. jenkins--master/slave模式---master是容器版---slave是非容器版

    实验架构: 192.168.0.96 gitlab 192.168.0.97 jenkins.tomcat 192.168.0.98 harbor.docker集群.git.jdk.maven 1.先 ...