html基础复习
1.标签选择器 | |
div{} | |
2.类选择器 | |
.one class="one" | |
3.id选择器(定义+调用) | |
#one{} id="one" | |
4.通配符选择器 | |
*{} | |
5.后代选择器 | |
.one a {} | |
6.子代选择器 | |
.one>a{} | |
7.交集选择器 | |
p.one {} | |
8.并集选择器 | |
.one,.two {} | |
9.伪类选择器(1个常用的) | |
a:hover{} | |
10.宽度100 | |
width:100px; | |
11.高度150 | |
height:150px; | |
12.字体大小20 | |
font-size:20px; | |
13.字体不加粗 | |
font-weight:normal 400 bold 700 | |
14.字体倾斜 | |
font-style:normal; italic; | |
15.字体微软雅黑 | |
font-family:"微软雅黑"; | |
16.背景颜色红色 | |
background-color:red; | |
17.背景颜色黑色,透明度0.5 | |
background-color:rgba(0,0,0,0.5); | |
18.背景不平铺 | |
background-repeat:no-repeat; | |
19.背景位置 | |
background-positio:center center; | |
20.文本方向水平居中 | |
text-align:center; | |
21.文本方向垂直居中(高30) | |
line-height:30px; | |
22.首行缩进2格 | |
text-indent:2em; | |
23.取消下划线 | |
text-decoration:underline; none; | |
24.圆角矩形为圆形 <!-- * --> | |
border-radius:50%; | |
25.右浮动 | |
float:right; | |
26.左外边距20 <!-- * --> | |
margin-left:20px; | |
27.右内边距10 <!-- * --> | |
padding-right:10px; | |
28.绝对定位 <!-- * --> | |
position:absolute; | |
29.相对定位 <!-- * --> | |
position:relative; | |
30.过渡属性 <!-- * --> | |
transition:all 0.4s; | |
31.背景复合属性 <!-- * --> | |
background:url() no-repeat 0 0 center; | |
32.边框 <!-- * --> | |
border:1px soild(deshed) pink; | |
33.div标签 | |
<div></div> | |
34.span标签 | |
<span></span> | |
35.单选按钮 | |
<input type="radio" name="" id=""> | |
36.文件上传 | |
<input type="file" name="" id=""> | |
37.提交按钮 | |
<input type="submit" name="" id=""> | |
38.文本域 | |
<textarea name="" id="" cols="30" rows="10"></textarea> | |
39.密码框 | |
<input type="password" name="" id=""> | |
40.下拉菜单 | |
<select name="" id=""> | |
<option value=""></option> | |
</select> | |
41.无序列表 | |
<ul> | |
<li></li> | |
</ul> | |
42.自定义列表 | |
<dl> | |
<dt> | |
<dd></dd> | |
</dt> | |
</dl> | |
43.标题5 | |
<h5></h5> | |
44.段落标签 | |
<p></p> | |
45.表单域 | |
<form action=""></form> | |
46.普通文本框 | |
<input type="text" name="" id=""> | |
47.表单普通按钮 | |
<input type="button" name="" id="" value="普通按钮"> | |
<button>普通按钮</button> | |
48.加粗 | |
<b></b> <strong></strong> | |
49.倾斜 | |
<i></i> <em></em> |
html基础复习的更多相关文章
- 《CSS权威指南》基础复习+查漏补缺
前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司 ...
- Java基础复习笔记系列 九 网络编程
Java基础复习笔记系列之 网络编程 学习资料参考: 1.http://www.icoolxue.com/ 2. 1.网络编程的基础概念. TCP/IP协议:Socket编程:IP地址. 中国和美国之 ...
- Java基础复习笔记系列 八 多线程编程
Java基础复习笔记系列之 多线程编程 参考地址: http://blog.csdn.net/xuweilinjijis/article/details/8878649 今天的故事,让我们从上面这个图 ...
- Java基础复习笔记系列 七 IO操作
Java基础复习笔记系列之 IO操作 我们说的出入,都是站在程序的角度来说的.FileInputStream是读入数据.?????? 1.流是什么东西? 这章的理解的关键是:形象思维.一个管道插入了一 ...
- Java基础复习笔记系列 五 常用类
Java基础复习笔记系列之 常用类 1.String类介绍. 首先看类所属的包:java.lang.String类. 再看它的构造方法: 2. String s1 = “hello”: String ...
- Java基础复习笔记系列 四 数组
Java基础复习笔记系列之 数组 1.数组初步介绍? Java中的数组是引用类型,不可以直接分配在栈上.不同于C(在Java中,除了基础数据类型外,所有的类型都是引用类型.) Java中的数组在申明时 ...
- C语言基础复习总结
C语言基础复习总结 大一学的C++,不过后来一直没用,大多还给老师了,最近看传智李明杰老师的ios课程的C语言入门部分,用了一周,每晚上看大概两小时左右,效果真是顶一学期的课,也许是因为有开发经验吧, ...
- JS基础 复习: Javascript的书写位置
爱创课堂JS基础 复习: Javascript的书写位置复习 js书写位置:body标签的最底部.实际工作中使用书写在head标签内一对script标签里.alert()弹出框.console.log ...
- MySQL学习笔记_8_SQL语言基础复习
SQL语言基础复习 一.概述 SQL语句注释方式 1)以"#"开头直到行尾的所有内容都是注释 2)以"--"(--后还有一个空格)开头直到行尾的所有内容都是注释 ...
- Java基础复习笔记基本排序算法
Java基础复习笔记基本排序算法 1. 排序 排序是一个历来都是很多算法家热衷的领域,到现在还有很多数学家兼计算机专家还在研究.而排序是计算机程序开发中常用的一种操作.为何需要排序呢.我们在所有的系统 ...
随机推荐
- java 一维数组
数组的概念?有什么特点? 数组是指一组数据的集合,数组中的每个数据被称作元素.在数组中可以存放任意类型的元素,但同一个数组里存放的元素类型必须一致. 一维数组的定义格式? 数据类型[] 名称 = ...
- Python3 urllib.request库的基本使用
Python3 urllib.request库的基本使用 所谓网页抓取,就是把URL地址中指定的网络资源从网络流中读取出来,保存到本地. 在Python中有很多库可以用来抓取网页,我们先学习urlli ...
- Windows驱动开发入门指引
1. 前言 因工作上项目的需要,笔者需要做驱动相关的开发,之前并没有接触过相关的知识,折腾一段时间下来,功能如需实现了,也积累了一些经验和看法,所以在此做番总结. 对于驱动开发的开发指引,微软 ...
- PAT1126:Eulerian Path
1126. Eulerian Path (25) 时间限制 300 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue In grap ...
- MYSQL复制原理及其流程
Mysql内建的复制功能是构建大型,高性能应用程序的基础.将Mysql的数据分布到多个系统上去,这种分布的机制,是通过将Mysql的某一台主机的数据复制到其他主机(slave)上,并重新执行一遍来实现 ...
- (细节)My SQL中主键为0和主键自排约束的关系
开始不设置主键 表的设计如下: 如果id的位置有好几个0的话:设置主键并且自动排序时,0会从1开始递增: Insert 进去 id = 0的数据,数据会从实际的行数开始增加,和从0变化不一样: 现在主 ...
- linux安装vsftpd服务器
最近看到python的网络编程,看到用python写ftp客户端的小项目,打算着手连连.为了模仿真实环境,我并没有在本机上开个ftp服务器,选择了在虚拟机中的linux中做ftp服务器,我选择了vsf ...
- 手把手教你使用 netlify 实现前端的 自动部署 + HTTPS
随着开源工具越来越多,特别是nodejs构建微服务器之快,实现前端自动化部署越来越简单了,有可能[10行js代码+10行sh脚本+设置github的webhook]就能实现,但是如果你和我一样,就是& ...
- Spark2.1.0——Spark初体验
学习一个工具的最好途径,就是使用它.这就好比<极品飞车>玩得好的同学,未必真的会开车,要学习车的驾驶技能,就必须用手触摸方向盘.用脚感受刹车与油门的力道.在IT领域,在深入了解一个系统的原 ...
- JavaScript prototype原型和原型链详解
用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都会有一个prototype属性,可以为其添加函数供实例访问,其它的就不清楚了, ...