第四篇css

四叶草134      2022-02-16     128

关键词:

在标签上设置style属性:

background-color:#2459a2;

height:48px;

。。。

编写CSS样式:

1.在标签的属性中编写

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8       <div style="background-color: aqua;height:48px;">12fhjkhjjk44</div>
 9       <div style="background-color: red;height:48px">ff1537ff</div>
10       <div style="background-color: pink;height: 48px">fhajhjak</div>
11 </body>
12 </html>

2.写在head里面,style标签中写样式

- id选择区

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         #i1{
 8             background-color: aqua;height:48px;
 9         }
10         #i2{
11             background-color: aqua;height:48px;
12         }
13     </style>
14 </head>
15 <body>
16       <div id="i1">12fhjkhjjk44</div>
17       <div id="i2">ff1537ff</div>
18       <div style="background-color: pink;height: 48px">fhajhjak</div>
19 </body>
20 </html>

 

第四篇css选择器

 <html><head><metacharset="UTF-8"><title>CSS选择器</title><!--页内样式--><style>/*body{background-color:red;}*//*类选择器.box1{background-color:yellow;}*//*id选择器特殊定 查看详情

web前端第四篇css属性操作

一、文本属性1.text-align:cnter文本居中2.lineheigth垂直居中:行高,和高度对应3.设置图片与文本的距离:vertical-align4.text-decoration:none去掉超链接下划线5.要是给a标签修改颜色的时候,就定到a标签上,用继承有时候是搞不定的因为继... 查看详情

深入理解脚本化css系列第四篇——脚本化样式表

×目录[1]CSSStyleSheet[2]CSSRule前面的话  关于脚本化CSS,查询样式时,查询的是计算样式;设置单个样式时,设置的是行间样式;设置多个样式时,设置的是CSS类名。脚本化样式表当然也是一种脚本化CSS的技术,虽然不经常使... 查看详情

第四篇:模块与包

第四篇:模块与包  PYTHON-模块定义搜索路径PYTHON-包相对导入&绝对导入  查看详情

开始写游戏---第四篇

开始写游戏---第四篇    今天完成了商店的物品展示功能。  写了一个物品展示面板组件:      这是代码:      使用的时候这么使用:          额。。。感觉使用有点麻烦,我又提供了... 查看详情

spring第四篇

在spring第三篇中介绍了bean元素属性在第四篇中介绍spring注入的方式 1set方法注入  建立一个User类创建私有的属性set get方法 重写toString方法代码如下:packagebean;publicclassUser{ privateStringname; privateintage; publicStringgetN... 查看详情

第四篇javascript

一、正则表达式提示:此专题需要多轮复习反复的加深和理解正则表达式的两种用法:1)regexp.xxx(string);2)string.yyy(regexp);验证用户输入的手机号格式是否合法varregexp=/^1[3-8]d{9}$/;varinput="15012345678";console.log(regexp.test(input))正则表达式... 查看详情

小白入门深度学习|第四篇:配置pytorch环境

查看详情

第四篇其他软件的安装方法

这篇是预留的一篇文章,主要用来记录其他软件的安装方法。占个位置。 查看详情

第四篇alexnet——网络实战

文章目录摘要1项目结构2划分训练集和测试集3计算mean和Standard3.1标准化的作用3.2归一化的作用4训练4.1导入项目使用的库4.2设置随机因子 查看详情

第四篇alexnet——网络实战

文章目录摘要1项目结构2划分训练集和测试集3计算mean和Standard3.1标准化的作用3.2归一化的作用4训练4.1导入项目使用的库4.2设置随机因子 查看详情

coreanimation文档翻译(第四篇)

CoreAnimation文档翻译(第四篇)让Layer的content动画起来核心动画的基础接口以及为拥有Layer的View做的动画扩展接口,使得为Layer制作复杂动画变得简单化。例如改变Layer的frame的size、改变Layer在屏幕上的position、应用旋转transform、或... 查看详情

第四篇express安装esasticsearch

1.首先,我们创建一个Express应用程序!我将使用express.js生成器。npminstall-gexpress-generatorexpress./autocompletercdautocompleternpminstall2.让我们准备elasticsearch。下载elasticsearch,并将其解压到文件系统的某个位置。然后运行cdlocationOfElasticsearc... 查看详情

rabbitmq第四篇:spring集成rabbitmq

  前面几篇讲解了如何使用rabbitMq,这一篇主要讲解spring集成rabbitmq。  首先引入配置文件org.springframework.amqp,如下<dependency><groupId>org.springframework.amqp</groupId><artifactId>spring 查看详情

第四篇:记录相关操作(代码片段)

一介绍MySQL数据操作:DML========================================================在MySQL管理软件中,可以通过SQL语句中的DML语言来实现数据的操作,包括使用INSERT实现数据的插入UPDATE实现数据的更新使用DELETE实现数据的删除使用SELECT查询数据... 查看详情

第四篇集合与容器(代码片段)

packagecom.zzp.demo.myCollection;/****用于HashMap*@authorjava**/publicclassNode2 inthash; Objectkey; Objectvalue; Node2next;  packagecom.zzp.demo.myCollection;/****自定义HashMap*@authorjava**/public 查看详情

django学习~第四篇

django表单  1 今天继续来学学django的表单    首先介绍下http的方法,这是最基本的    GET方法GET一般用于获取/查询资源信息,以?分割URL和传输数据,多个参数用&连接,login.action?name=hyddd&... 查看详情

第四篇io流技术(代码片段)

packagecom.zzp.demo01;importjava.io.File;importjava.io.FileInputStream;importjava.io.FileNotFoundException;importjava.io.IOException;importjava.io.InputStream;/****第一个程序理解操作步骤*1、创建源*2、选择流*3、操作*4、释放资源* 查看详情