编写css让div2在div1的右下角?

<style>
#div1{
width:200px;
height:200px;
background-color:#F00;
}
#div2{
width:50px;
height:50px;
background:#FF0;
position:relative;
left:75%;
top:75%;

}
</style>
</head>

<body>
<div id="div1">

<div id="div2"></div>

</div>

<body>

<html>

时间: 2024-08-06 08:40:35

编写css让div2在div1的右下角?的相关文章

Campass + Scss ,让我们更优雅的编写CSS

如果你经常写CSS,你应该会发现传统的CSS编写方式或多或少有些枯燥,不智能? 不优雅? 至少我是这么认为的. 缺陷举例 1. 假设页面中有大部分HTML元素的背景颜色值是一样的,  我们就需要为各个元素加上 background-color:#fff 这样重复的CSS代码,当然,你也可以通过单独定义一个class, 为这个class设定 background-color:#fff, 然后把class应用到你想要到的HTML元素上,如果运用的合理,还算说的过去,否则结果就是你的HTML元素上面可

编写css代码的方式

<!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"> <head> <!-- html 在一个网页中负责的事情是一个页面的结构 c

sublime软件使用Emmet插件快速编写CSS样式

基本的CSS样式编写时,很多样式只需输入首字母即可得到不带属性值的CSS样式,像上面说到的margin.而对于一些带有特定的属性值的CSS样式,只需输入CSS标签与属性值的首字母就可以,比如: fl → float: left; 而在编写这些CSS样式时,有很多是我们想好的写法,但生成的不是你想要的,比如position: absolute;,我们会输入pa,生成的就不是position: absolute;,这时我们可以: poa → position: absolute; 一些用-连接的CS

编写css代码的方式:

编写css代码的方式:       第一种: 在style标签中编写css代码. 只能用于本页面中,复用性不强.       格式 :       <style type="text\css">   编写css的代码.   </style>   例子:   <style type="text\css">   a{   color:#F00;   text-decoration:none;   }   </style>

博客测试3 编写css

博客测试3  编写css 博客测试3  编写css 博客测试3  编写css 博客测试3  编写css 博客测试3  编写css 博客测试3  编写css 博客测试3  编写css 博客测试3  编写css 博客测试3  编写css

编写CSS样式

编写css样式: 1.标签里面直接写style属性 <div style="background: red;"> 标签里面直接写style属性 </div> 2.写在head里面,在head里面写style标签,在标签里面写样式 注意:一个html页面ID不能(最好不要)重复,所以这相当于<ID选择器>,给自己的ID定义了一个特定的样式.如果把id写重复了,重复的ID也会应用对应的样式. 3.也是写在head里面,但是是以.开头,class选择器 4

web前端入门到实战:编写CSS代码的8个策略,资深开发工程师总结

编写基本的CSS和HTML是我们作为Web开发人员学习的首要事情之一.然而,我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性. 我认为这主要是因为许多开发人员对组织CSS / HTML和JavaScript的策略缺乏深刻的理解. 在我和我们团队的观念中,编写可维护的前端代码非常重要.尽管我们有一些使用了多年的客户端,但要记住你永远不会是唯一一个工作于应用程序的人.仅仅因为你的一次性元素和配置对你有意义,并不意味着它们对下一个可能继承应用程序的人有意义. 为了防止这篇文章太长

cjss 像编写css 一样开发web应用

cjss 提供了使用类似css 的方式编写web 应用 cjss 包含的阶段 data prepare body element 几点说明 并不是所以阶段必须使用,但是每个级别只能存在一个script json 支持存在data 阶段 html 只能用在body 阶段,可以通过字符插值处理模板数据绑定${} javascript 可以应用在任何阶段,包含了两种模式js js-expr js 可以执行一个code 块,可以返回需要的值 js-expr 执行一个单一的表达式 我们使用可以访问data

自从用了Less 编写css,你比以前更快了~(sublime编译)

之所以用这个标题呢,主要是最近调侃杰伦太有意思了. 好吧,开个玩笑而已. 如果你了解过Less,并对之很熟悉,就不用往下看了. 如果你没用过,恭喜,这是一个入门级的教程,学会了它,可以为你节省10%的绳命. 首先,我们得知道Less能干什么.如: @width:300px; @fonts:12px bold "宋体,Verdana"; .block-header{ color:#5c5c5c; .elem-title{ font:@fonts; width:@width; } .ele