329 experience
截止到现在,给我最大的冲击就是HTML没有像JAVA那样严格
可以随意搭配,换句话说 HTML要的就是效果 没有一个固定的方法 即便是代码有错误 也可以实现效果
今天的东西挺好吃 能吃的消 哈哈 开森
AM:
边框样式 3个方面
1 边框宽度 border -width
2 边框外观(四周):border-style:solid(实)dashed,(虚),dotted(点),double(双实)
3边框颜色 border-color
简单写法:border:1px dotted red;
注意格式顺序:边框 像素 样式 颜色
局部边框样式:
border-bottom:1px double red
背景样式:
background-color 背景颜色 image 图像路径 repeat:纵向横向平铺
attachment: 是否随内容而滚动 background-postition:-30 -30;背景图起始位置
PM:
超链接样式:4个伪类:
未访问的样式:#a1:link{text-decoration:none;color:red;}
访问后: #a1:visited {color:yellow;}
鼠标经过时:#a1:hover{color:#666666}
点击时: #a1:active {color:blue;}
这4个伪类,必须按照 llink、visited、hover、active 顺序进行 不然无法读取
列表样式 list-style-type: 属性值;
decimal:1、2、3
lower-alpha:小写a、b
upper-alpha:大写
lower-roman:小写罗马
upper-roman:大写罗马
ul li{
list-style-type: circle;
list-style-image: url(img/sp.png);}
ol li{
list-style-type: lower-alpha;}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style >
.p1{
/* 边框10像素 */
border-width: 10px;
/* 边框实线 */
border-style: solid;实线,虚线dashed;点线dotted}双实线double;
text-align: center;
/*边框颜色*/
/*border-color: red;*/
/*简单写法*/
border: 1px dotted orange;
/* 格式顺序:边框 像素 样式 颜色
/* 局部边框样式:*/
/*边框底线 */
border-bottom:1px dotted #000000;
border-left: 2px double #AD0002;
border-right: 2px double #295CC3;
/* 背景样式 :1.背景颜色 2。背景图像*/
背景颜色 background-color: #FF0000;
背景位置 background-image: url(img/1.jpg);
背景图起始位置 background-position:-30 -500;
}
body{
background-image: url(img/2.png);
/* 显示方式:纵向,横向,平铺 */
background-repeat: repeat-y;
/* 是否随内容滚动 */
background-attachment: fixed;}
/* PM
/*超链接样式:未访问的样式*/
#a1:link{ text-decoration: none; color: red;}
/*访问后的样式*/
#a1:visited{ color: yellow;}
/*鼠标悬浮时的样式*/
#a1:hover{ color:#666666;}
/*点击时的样式*/
#a1:active{color:blue;}
/*hover任意鼠标经过的样式*/
#p1:hover{color: pink;}
#p1:hover{color: salmon;}
ul li{
list-style-type: circle;
list-style-image: url(img/sp.png);}
ol li{
list-style-type: lower-alpha;}
</style>
</head>
<body>
<p class="p1">你好我打啊十大离开家付了款 </p>
<span id="a1">的轻举妄动拉开距离贷款纠纷额空间 </span>
<!-- "style=text-decoration:none;" 去下划线超链接样式 -->
<a href="#" style="text-decoration: none;">百度一下你就知道</a>
<p id="p1">你好,Hello</p>
<!-- 无序列表 -->
<ul>
<li>a.</li>
<li>b.</li>
<li>c.</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>a.</li>
<li>b.</li>
<li>c.</li>
</ol>
</body>
</html>
329 experience的更多相关文章
- 【深度强化学习】Curriculum-guided Hindsight Experience Replay读后感
目录 导读 目录 正文 Abstract[摘要] Introduction[介绍] 导读 看任何一个领域的文章,一定要看第一手资料.学习他们的思考方式,论述逻辑,得出一点自己的感悟.因此,通过阅读pa ...
- Pramp - mock interview experience
Pramp - mock interview experience February 23, 2016 Read the article today from hackerRank blog on ...
- Enhanced Mitigation Experience Toolkit 软件安全性强化工具
Enhanced Mitigation Experience Toolkit软件是微软为应对互联网中层出不穷的漏洞而推出的一款安全工具,可以在Window Update未获取到补丁前,对系统进行保护. ...
- The Basics of 3D Printing in 2015 - from someone with 16 WHOLE HOURS' experience
全文转载自 Scott Hanselman的博文. I bought a 3D printer on Friday, specifically a Printrbot Simple Metal fro ...
- 论文阅读之:PRIORITIZED EXPERIENCE REPLAY
PRIORITIZED EXPERIENCE REPLAY ICLR 2016 经验回放使得 online reinforcement learning agent 能够记住并且回放过去的经验.在先前 ...
- 微软职位内部推荐-Senior SDE for Windows App Experience
微软近期Open的职位: Job posting title: Senior Software Development Engineer Location: China, Beijing Divisi ...
- User experience
User experience 以用户为中心, --通过简单的操作快速完成美好的任务 简单 聚焦,我在干什么?我接下来要干什么? 删除.隐藏,合并.分组 使用背景色,而非边框来划分区域 碎片化,电话不 ...
- knowlege experience
The konwledge is you need learning some basic knowledge. The experience is you can use konwledge ma ...
- Customize the SharePoint 2013 search experience with a Content Enrichment web service
Did you ever wish you had more control over how your content is indexed and presented as search resu ...
随机推荐
- Day17--Python--面向对象--成员
成员 class Person: def __init__(self, name, num, gender,birthday): # 成员变量(实例变量) self.name = name self. ...
- padding内边距
android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/ac ...
- Android Studio 签名 安全图片
apk 输出地址: /Users/houzhibin/javaself/android/SpgApp/app/build/outputs/apk 上图是debug版的: 发布版的需要在终端输入命令行: ...
- ArrayList、LinkList、Vector的区别
ArrayList.LinkedList和Vector均实现了List接口,均为可伸缩数组(均为可动态改变长度的数组).它们是有序的集合,并且其中的元素允许重复. 从底层实现来看: (1)ArrayL ...
- day09-(servlet)
回顾: xml: 可扩展的标签语言 标签可以自定义 作用:配置文件 xml组成: 声明 首行顶格写 元素 <xxx></xxx> <xx/> 属性 <xxx ...
- Spring_xml方式开发
1. spring核心配置文件: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=&q ...
- C++ 二维数组作为形参传递使用实例
在线代码编辑器: http://codepad.org/ 1.*指针 void display(int *arr, const int row, const int col) { ; i < r ...
- java io系列24之 BufferedWriter(字符缓冲输出流)
转载请注明出处:http://www.cnblogs.com/skywang12345/p/io_24.html 更多内容请参考:java io系列01之 "目录" Buffere ...
- python 函数动态参数,名称空间,global,nonlocal
##################################总结######################################动态参数 *args:位置参数动态传参,接收到的是元 ...
- 【1】【leetcode-77】 组合
(典型,做过似曾相识但不熟悉,基本知道怎么做但调试了一个多小时各种错) 给定两个整数 n 和 k,返回 1 ... n 中所有可能的 k 个数的组合. 示例: 输入: n = 4, k = 2 输出: ...