个人学习HTML以及CSS所得体会
拥有自己样式的浏览器:
苹果,欧朋,谷歌,IE,火狐
form标签<form></form>
表单属性:
1,action主要同来规定表单的作用,提交到处理器上面处理URL,默认为本网页
2,method 提交方式,分为get和post
get提交数据大小限制为2kb 显示提交,可与地址栏见到
post提交数据大小没有限制,隐式提交,非猴子不可见
3,enctype表单数据进行编码的方式
默认方式:application/x-www-form-urlencoded
input组属性:
type默认属性text
value提交到服务器上的值
- type=“text”文本框 常用于输入账户和手机号
- type=“password”密码框 常用于密码输入
- type=“radio”单选框,常用于性别选择
- type=“cheakbox”多选框 用于多种可同时勾选的情况
- type=”submit“提交按钮
- type=“reset”重置按钮
- type=“button”执行脚本
form中常用的双标签
- <textarea></textarea>文本域,成一个区域用于个人签名或简介,cols、rows控制行和列
- <button></button>提交按钮,但只在form属性里才会实现
- <select></select>下拉框
float 浮动
会脱离文本框,但不会脱离父级元素宽度的管辖,超过父级元素的宽度后浮动的内容
将自动更换到下一行
absolute固定定位
relecation相对定位
默认将需定位的元素在最大的根元素中固定范围
或则以相对定位指定管辖的元素,使其在相对定位的元素内实现固定定位
CSS的常用语法
- border 边框
- margin 边框的外边距
- padding 边框于内部元素的距离
- font-size 文字字体
- line-height 文字的行高,通常用于设置文本的垂直居中
- text-align:center 设置文本的水平居中
- background-color 设置元素的背景颜色
- background-image 设置元素的背景图片
- display 改变元素的样式,通常将元素改为行内块样式(bloak-inline),从而设置元素的宽高等属性
伪类:hover 鼠标移上去之后的样式
- cursor 鼠标移上后箭头改为手指
- background-color 鼠标移上去后改变元素的背景颜色
- color ......改变元素内字体的颜色
玄不改非,氪不改命
还是得自己努力
个人学习HTML以及CSS所得体会的更多相关文章
- 我们应当怎样学习HTML和CSS
目标读者:web前端小白.大神请绕路 学习一门新技术,应当找一本经典入门书,在两三天之内快速翻阅完毕,了解其概貌. 然后再制定一个学习路线图(这个路线图绝大多数情况下非书本目录的顺序),接着遵循学习路 ...
- Gulp学习指南之CSS合并、压缩与MD5命名及路径替换(转载)
本文转载自: Gulp学习指南之CSS合并.压缩与MD5命名及路径替换
- HTML+CSS学习笔记 (7) - CSS样式基本知识
HTML+CSS学习笔记 (7) - CSS样式基本知识 内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌 ...
- 9大理由告诉你为什么应该学习HTML跟CSS
你是不是听过太多人告诉你:「人人都应该要会 coding!」都快要不耐烦了对吧? 究竟为什么身为一个行销专业者.作家.金融巨擘--,整个世界还要你学会 coding? 事实上仅仅要对 HTML.CSS ...
- 前端学习之路-CSS介绍,Html介绍,JavaScript介绍
CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 & ...
- 我给女朋友讲编程总结建议篇,怎么学习html和css
总共写了11篇博客了,7篇讲html的,4篇讲网络的.不敢说写的多么好吧,最起码的是我迈出了写作的第一步,写作的过程中了解了一些其他的知识,比如SEO.几种重定向等,由于个人能力和见识有限,写出来的东 ...
- 重新学习html和css
当初学习前端的时候,属于快速入门那种,没有好好深入学习html和css.如今,在空闲时间重新拿起基础书学习,都会写到一些新的知识. 1.css实现圆角.渐变功能.使用border-radius以及li ...
- 前端学习:学习笔记(CSS部分)
前端学习:学习笔记(CSS部分) CSS的学习总结(图解) CSS的引入方式和书写规范 CSS的插入方式_内嵌样式 <!DOCTYPE html> <html> <hea ...
- 快速学习html、css的经典笔记
HTML语言剖析 Html简介-目录 全写: HyperText Mark-up Language 译名: 超文本标识语言 简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标签(tag ...
随机推荐
- Kotlin 中类函数
在kotlin中函数可以在类外部定义也可以在类内部定义,前者即为全局函数,后者,是类成员函数,语法一样 package loaderman.demo class Person { fun demo(n ...
- JDBC的异常处理方式
A: try...catch(...) {...} finally {} B: 关闭ResultSet,Statement , Connection import java.sql.Connectio ...
- 【ARTS】01_26_左耳听风-201900506~201900512
ARTS: Algrothm: leetcode算法题目 Review: 阅读并且点评一篇英文技术文章 Tip/Techni: 学习一个技术技巧 Share: 分享一篇有观点和思考的技术文章 Algo ...
- web框架之socket
概述 套接字最初是为同一主机上的应用程序所创建,使得主机上运行的一个程序(又名一个进程)与另一个运行的程序进行通信.这就是所谓的进程间通信 ( Inter Process Communication, ...
- 11-2 TCP/IP协议栈
TCP/IP协议栈 Transmission Control Protocol/Internet Protocol传输控制协议/因特网互联协议 TCP/IP是一个Protocol Stack,包括TC ...
- AWK---linux系统三剑客(三)
grep .sed.awk被称为linux中的"三剑客". grep 更适合单纯的查找或匹配文本 sed 更适合编辑匹配到的文本 awk 更适合格式化文本,对文本进行较复杂格式 ...
- PJzhang:docker基础知识的2个疗程-one
猫宁!!! 参考:http://virtual.51cto.com/art/201805/572135.htm https://www.cnblogs.com/rkit/p/9237696.html ...
- 《精通并发与Netty》学习笔记(09 - Java中流的概念)
Java中流的概念 java程序通过流来完成输入/输出.流是生产或消费信息的抽象.流通过java的输入/输出与物理设备链接.尽管与它们链接的物理设备不尽相同,所有流的行为具有同样的方式.这样,相同的输 ...
- vc++中播放声音
http://www.cnblogs.com/xuemaxiongfeng/articles/2462560.html http://bbs.csdn.net/topics/390729457 htt ...
- 最新 科大讯飞java校招面经 (含整理过的面试题大全)
从6月到10月,经过4个月努力和坚持,自己有幸拿到了网易雷火.京东.去哪儿.科大讯飞等10家互联网公司的校招Offer,因为某些自身原因最终选择了科大讯飞.6.7月主要是做系统复习.项目复盘.Leet ...