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. 排序 排序是一个历来都是很多算法家热衷的领域,到现在还有很多数学家兼计算机专家还在研究.而排序是计算机程序开发中常用的一种操作.为何需要排序呢.我们在所有的系统 ...
随机推荐
- 3d轮播图——类似酷狗的轮播
说到轮播图,其实只要是跟web开发相关的无论是前端后端应该都不陌生,各种各样的轮播图,从以前的单纯的平面山水画遮盖滑动或滚动,到Jquery的animate甚至是h5+css3,各种炫酷的轮播图更是层 ...
- CSS弹性盒子的基本用法
.container { width: 302px; height: 302px; border: 1px solid; display: flex } .item { width: 100px; h ...
- 利用box-shadow属性实现页面层叠效果
效果图如下 box-shadow的语法 代码展示 .footer { color: #777; padding: 10px 15px; height: 20px; text-align: center ...
- Centos下安装Python的问题汇总
Python下载地址(https://www.python.org/ftp/python/) 一.工具安装 1.Python的安装 tar vxf Python-2.7.13.tgz cd Pytho ...
- Shiro入门之一 -------- Shiro权限认证与授权
一 将Shirojar包导入web项目 二 在web.xml中配置shiro代理过滤器 注意: 该过滤器需要配置在struts2过滤器之前 <!-- 配置Shiro的代理过滤器 --> ...
- linux 获取网络状态信息(Rtnetlink)
一.Rtnetlink Rtnetlink 允许对内核路由表进行读和更改,它用于内核与各个子系统之间(路由子系统.IP地址.链接参数等)的通信, 用户空间可以通过NET_LINK_ROUTER soc ...
- 应用服务器性能优化 之 消息队列(MQ:Message Queue)
一,消息队列基本概念 借用百科的一句话:消息队列就是在消息的传输过程中,保存消息的容器. 从图-1和图-2对比,可以很清晰的明白,消息队列服务器,是位于应用服务器和数据库服务器之间的一个服务器.消息队 ...
- python 3 中的raw_input 报错
raw_input() was renamed to input()
- Backbone.js 和 Nodejs 的一些共同点搞不清楚
前端方面 我用 Backbone.js 做过前端的开发,印象里就是后端按模型对象的属性把 JSON 数据发过来,我写在模板里渲染就好了 模板加载( underscore.js ) 建立模型 渲染视图 ...
- windows下使用 Secure Shell Client工具操作linux常用命令
如果项目部署在linux系统上,而我们使用的是windows系统,那我们可以使用Secure Shell软件进行操作,那怎么使用它来操作tomcat呢? 1. cd /usr/share/apach ...