Week HTML

最新推荐文章于 2022-04-07 20:39:01 发布
最新推荐文章于 2022-04-07 20:39:01 发布
阅读量416 收藏
点赞数
分类专栏： 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BoBrother/article/details/78176439
版权

HTML 代码

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="圆形.css" rel="stylesheet"/>
<!--<style>
.div{
width:400px;
height:400px;
border-radius:400px;
margin:0 auto;
text-align:center;
background-color:#CF0;
line-height:400px;
box-shadow:5px 4px 5px #FF0000;
background-color:#CF0;
font-size:20px;
text-shadow:20px 10px 1px #FF00FF;}
</style>-->
</head>


<body>
<!--<div class="div"></div>
<div>
<video src="../../movie.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>
<audio src="木槿 - 带你去旅行.mp3" autoplay="true" controls="controls" ></audio>
</div>-->
<div class="div">
<div class="divleft">
<div id="d1">Blue App Template</div>
<div id="d2">
<p>One page Responsive HTML5 parallax </p>
<p>business landing page</p>
</div>
<div id="d3">
<p> consectetur adipisicing elit. Similique autem,</p>
<p> atque in voluptatibus repellat nostrum iusto architecto vel placeat</p>
<p>  numquam omnis assumenda.</p>
</div>
<div id="d4"></div>
</div>


<div class="rightdiv"></div>
</div>
</body>
</html>

Css 代码

@charset "utf-8";
/* CSS Document */


.div{
width:1200px;
height:700px;
background-image:url(bg.jpg);
}
.rightdiv{
width:300px;
height:630px;
background:url(phone.png);
float:right;
margin-top:20px;}
.rightdiv:hover{
transform:skew(0,25deg);}
.divleft{
width:700px;
height:700px;
float:left;
}
#d1{
width:500px;
height:40px;
text-align:center;
margin-top:100px;
font-weight:900px;
font-size:36px;
color:#FFF;}
#d1:hover{
transform:scale(1,2);
color:#F00;}
#d2{
width:500px;
height:40px;
font-size:18px;
color:#FFF;
margin-left:80px;
}
#d2:hover{
transform:rotate(360deg);}

#d3{
width:600px;
height:40px;
font-size:18px;
margin-top:50px;
margin-left:80px;
color:#FFF; }
#d4{
    width:280px;
    margin-left:80px;
height:70px;
margin-top:100px;
background-image:url(003.png);
}
#d4:hover{
background-image:url(003.png);
background-image:url(001.png);
}


Pink_空白格
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
week02 HTML 表格和表单
qq_30166005的博客
11-15 136
1.1 HTML 表单介绍 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 来设置: 例子:表单内的 文本输入框 <form> . <input type="text"> . </form> 1.2 表单input控件输入类型 多数情况下被用到的表单标签是输入标签（）。 输入类型是由类型属性（type）定义的。
html输入某天得到周几,HTML “input week年周”输入控件简介说明
weixin_36408867的博客
06-10 929
摘要:下文讲述html5中年周–输入控件的简介说明,如下所示:input type=’week’ 年周 输入控件简介说明input type=’week’功能:当我们在文本域中使用type=’week’时,此时在支持html5的浏览器中就会出现一个年周的输入框，如下图所示:html之input_type_week年周标签示例说明input type=’week’ 具有以下特性：1.input ty...
html笔记
Emil的博客
10-15 181
canvas是HTML6新增的专门用来绘制图形的元素，通过canvas技术，用户可以在web中绘制各种图形。canvas元素它是一块无色透明地区域，它只是一个容器，开发者通过JavaScript脚本可以轻松地在区域上实现任意绘图。 canvas绘制步骤： 1.在html5页面中添加canvas元素，定义id属性值以便接下来调用 2.使用id寻找页面中的canvas元素 var c=docume...
HTML输入类型（number、date、month、range、week等）
WangaWen1229的博客
07-19 2219
1、HTML5 输入类型 HTML5 增加了多个新的输入类型： color date datetime datetime-local email month number range search tel time url week 注释：老式 web 浏览器不支持的输入类型，会被视为输入类型 text。 2.输入类型：number <input type="number"> 用于应该包含数字值的输入字段。能够对数字做出限制。 <form> Quantity (between 1
手机端：关于时间控件(type="date/time/week等")的默认提示
张夏_keep的博客
11-25 5838
html5中新增的input时间，在pc端有提示年月日或者周，但在touch中没有任何提示为空白，placeholder默认不支持时间、搜索和数字的input。 html ： css： .TestTime{     -webkit-appearance: none;width:200px;height:30px;font-size:15px;border:1px solid
html属性大全
qq_45638271的博客
04-07 8800
标题标签 HTML提供<hn>系列标签，用于修饰标题，包含：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。 其中：<h1> 定义最大的标题。<h6> 定义最小的标题。 <hn>标题标签</hn> n的取值1-6 水平线标签 <hr /> 标签在HTML页面中创建一条水平分隔线 size属性： 水平线的高度，单位像素：px noshade属
HTML基本语法
布白的博客
04-05 3654
HTML基本语法 HTML概念 Hypertext Markup Language：超文本标记语言。是用来制作网页的一种标记语言。 HTML是一种纯文本格式的文件，内部只能书写文字内容，不能添加图片、音频、视频等，但是在网页中给用户呈现的效果却包含了文字以外的内容，这种效果就是HTML语言区别于其他文件的不同之处。 概念： 超文本：是超级文本的缩写，简单来说超文本就是用于链接另一个文本或多媒体内容的文本，比如链接到图片、链接、音频、视频、程序等。 标记：又叫做标签（HTML tag），有特殊的书写规范，是
HTML Input 属性
qq_39540493的博客
11-08 3187
value 属性 value属性规定输入字段的初始值。 readonly 属性 readonly属性规定输入字段为只读（不能修改） readonly 属性不需要值。它等同于 readonly="readonly"。 disabled 属性 disabled属性规定输入字段是禁用的。 被禁用的元素是不可用和不可点击的。 被禁用的元素不会被提交。 disabled 属性不需要值。它等同于 disabled="disabled"。 size 属性 size属性规定输入字段的尺寸（以字...
Week_Scheduler
04-04
《Week_Scheduler——基于HTML的周计划管理器》 在当今快节奏的生活中，时间管理变得至关重要。"Week_Scheduler"是一个专为个人或团队设计的周计划管理工具，它利用HTML（超文本标记语言）作为基础，为用户提供了一...
week1.html:基本的 HTML 和 CSS
08-04
在“week1.html:基本的 HTML 和 CSS”中，我们将探讨这两者的核心概念和应用。 **HTML基础知识** 1. **文档类型声明**：`<!DOCTYPE html>`用于告诉浏览器文档遵循的HTML版本。 2. **HTML根元素**：`<html>`是HTML...
week4:Week4_Task
03-29
在本周的"week4:Week4_Task"任务中，我们主要关注的是HTML（HyperText Markup Language）的基础知识和应用。HTML是构建网页的核心语言，它定义了网页的结构和内容。下面将详细介绍HTML的一些关键概念、语法以及如何...
23WEEK6.html
11-02
23WEEK6.html
week-4-assignment：作业2简单的html网站
02-11
在“week-4-assignment”中，我们可以推测这是一份关于创建基础HTML网站的作业。 在HTML5中，`<head>`部分通常包含文档元信息，如字符编码（`<meta charset="UTF-8">`）、页面标题（`<title>`）以及对其他资源的...
Android 布局控件摆放位置
BoBrother的博客
05-14 7111
&lt;!--android:layout_above 将该控件的底部至于给定ID的控件之上android:layout_below 将该控件的顶部至于给定ID的控件之下android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐android:layout_toRightOf 将该控件的左边缘和给定ID的控件的右边缘对齐android:layout_alignBa...
Html菜单折叠
BoBrother的博客
10-11 3175
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> jQuery 折叠菜单 * { margin:0px; padding:0px; } body { background:transparent url('images/bg.gif') repeat scroll left top;font-size:1
ijkPlayer 实现视频播放,暂停,功能
BoBrother的博客
12-20 2621
首先加入依赖 compile 'fm.jiecao:jiecaovideoplayer:5.5' 其次清单文件配置 uses-permission android:name="android.permission.INTERNET"/> uses-permission android:name="android.permission.READ_EXTERNAL_STORAG
拦截器的请求头
BoBrother的博客
11-22 1227
/**  * 添加请求头  */ public class UserAgentIntercepter implements Interceptor {     @Override     public Response intercept(Chain chain) throws IOException {         Request request =  chain.reque
京东商城的分类
BoBrother的博客
12-10 1164
用到的依赖 compile 'com.android.support:recyclerview-v7:26.1.0' compile 'com.jakewharton:butterknife:8.8.1' annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1' compile 'com.sq
XlistView多条目加载
BoBrother的博客
09-11 958
主Activity public class MainActivity extends AppCompatActivity implements XListView.IXListViewListener{ XListView xlv; int NUM=1; List results; List list = new ArrayList<>(); bo
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值