个人学习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 ...
随机推荐
- eclipse远程连接hadoop单机模式出现的问题
按照http://tydldd.iteye.com/blog/2007938配置单机模式 主要是 (1)配置hadoop-env.sh,指定jdk的安装路径 添加jdk路径 # The java im ...
- Container 布局容器
Container 布局容器 用于布局的容器组件,方便快速搭建页面的基本结构: <el-container>:外层容器.当子元素中包含 <el-header> 或 <el ...
- C#与C++数据类型对应表(搜集整理一)
C#与C++数据类型对应表(搜集整理一) C#与C++数据类型对应表 C#调用DLL文件时参数对应表 Wtypes.h 中的非托管类型 非托管 C 语言类型 托管类名 说明 HANDLE void ...
- 3GPP 5G UPF
目录 文章目录 目录 UPF 参考文档 UPF UPF(User Plane Function,用户面功能),是 3GPP 定义的 5G Core(核心网)基础设施系统架构的基本组成部分. UPF 从 ...
- PAT 甲级 1018 Public Bike Management (30 分)(dijstra+dfs,dfs记录路径,做了两天)
1018 Public Bike Management (30 分) There is a public bike service in Hangzhou City which provides ...
- Linq Introduce
Linq学习网址: http://www.java2s.com/Code/CSharp/LINQ/CatalogLINQ.htm
- iOS-XMPP(转)
IM的实现原理 在我最初学习编程的时候,曾经用JAVA实现了一个最简单版的IM通讯,即通过Socket建立两台电脑之间的连接,然后发送IO流来进行即时通讯,我们现在所使用的IM软件尽管看上去非常 ...
- 关于LuckyE博客的前言
第一次开始尝试怎么写博客,也不知道写点什么好...... 开始写博客的原因其实很多,主要原因是因为最近考出cisp-pte证书,然后前几天电话面试某比较有名的安全公司(x盟)的渗透测试工程师实习生被撸 ...
- 【编程开发】C语言中随机数rand使用注意事项
[编程开发]C语言中随机数rand使用注意事项 标签: [编程开发] 声明:引用请注明出处http://blog.csdn.net/lg1259156776/ 说明:随机数在编程开发中非常重要,以C语 ...
- Go语言入门篇-gRPC基于golang & java简单实现
一.什么是RPC 1.简介: RPC:Remote Procedure Call,远程过程调用.简单来说就是两个进程之间的数据交互. 正常服务端的接口服务是提供给用户端(在Web开发中就是浏览器)或者 ...