CSS — 内部样式几种常用写法（类、id）

效果图：

一丶类

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Document</title><style type="text/css" media="screen">.p1{color: red;size: 20px}.r1{color: red;size: 20px}.p2{color: red;size: 20px}</style>
</head>
<body><h1>本周末任务计划</h1><ul class="p1"><li>去书店买书</li><li>去逛街，给爸爸妈妈买新衣服</li><li>周六早上9点去见客户</li><li>周日带着乐乐去去公园画画</li></ul><h1>老哥排行榜</h1><ul class="r1"><li>海阔天空</li><li>甜蜜蜜</li><li>一路上有你</li><li>我是一只小小鸟</li></ul><h1>友情链接</h1><ul class="p2"><li>购书指南</li><li>账户管理</li><li>配送方式</li></ul></body>
</html>

二丶 id

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Document</title><style type="text/css" media="screen">#p1{color: red;size: 20px}#r1{color: #0DFC8B;size: 20px}#p2{color: #F806D8;}</style>
</head>
<body><h1>本周末任务计划</h1><ul id="p1"><li>去书店买书</li><li>去逛街，给爸爸妈妈买新衣服</li><li>周六早上9点去见客户</li><li>周日带着乐乐去去公园画画</li></ul><h1>老哥排行榜</h1><ul id="r1"><li>海阔天空</li><li>甜蜜蜜</li><li>一路上有你</li><li>我是一只小小鸟</li></ul><h1>友情链接</h1><ul id="p2"><li>购书指南</li><li>账户管理</li><li>配送方式</li></ul></body>
</html>

CSS — 内部样式几种常用写法（类、id）相关推荐

CSS的选择器和常用样式（id，class,组合，字体，背景，宽度，高度，颜色等CSS样式）
<html><head><title>CSS的选择器和常用样式</title><meta charset="UTF-8"/&g ...
Android onClick 按钮单击事件四种常用写法
这里使用四种onClick单击事件,来实现电话拔号器的DEMO. \ XML文件 <EditTextandroid:layout_width="match_parent"an ...
【面朝大厂】面试官：说几种常用的分布式 ID 解决方案
点击上方"Java基基",选择"设为星标" 做积极的人,而不是积极废人! 源码精品专栏原创 | Java 2020 超神之路,很肝~ 中文详细注释的开源项目 ...
html 文本框css样式,13种常用按钮、文本框、表单等CSS样式
虽然CSS样式的学习需要我们动手多实践,需要多做案例,思致思考,但有时候注意资料的收集与整理也是非常重要的,在实际开发中往往会起到事半功倍的效果. 一.按钮样式以下为引用的内容: Example So ...
七种常用监督类预测模型的特征、优缺点整理
python 中五种常用的数据类型
一.字符串单引号定义: str1 = 'hello' 双引号定义: str1 = "hello" 三引号定义:"""人生苦短,我用python!&q ...
Java常用工具类之异常、包装类、字符串处理类、集合框架实现类、输入输出流、多线程
集合.多线程和I/O流等介绍6种常用工具类: 1.如何应用异常处理程序中的问题?2.如何通过包装器类实现基本数据类型的对象化处理?3.字符串处理类String.StringBuilder是如何进行字 ...
css样式三种引入方式选择器常用属性：背景属性字体属性边框属性内间距外间距盒子模型
一.CSS简介 1.什么是css 重叠样式表主要是负责标签的样式美化页面一个网页分三大部分结构层: 主要由html负责负责页面的结构表现层: 主要由css负责页面的展示样式美化页面行 ...
css 选择器（标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器）
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类标签选择器类选择器层级选择器(后代选择器) id选择器组选择器伪类选择器通配符选择器标 ...
CSS鼠标动作的五种状态[伪类选择器]
CSS鼠标动作的五种状态[伪类选择器] 注意事项设置的样式失效的情况直接跳过就行了别纠结如果发现鼠标互动没反应你要检查一下 css定义超链接是要有先后顺序的.否则,可能会出现某个或某几个样式 ...

CSS — 内部样式几种常用写法（类、id）

CSS — 内部样式几种常用写法（类、id）相关推荐

最新文章

热门文章