个人学习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 ...
随机推荐
- smarty里通过循环section嵌套结合IF语句实现工程进度显示
<ul class="site_ul"> <{section name=constructionlist loop=$ly}> <li class=& ...
- 阶段5 3.微服务项目【学成在线】_day03 CMS页面管理开发_17-异常处理-可预知异常处理-异常处理测试
ResultCode有很多的实现类 cmsCode有很多类型的错误异常 pgeService内当CmsPage这个对象为空的时候,异常类型就可以抛出CmsCode里面的错误代码 if(cmsPage1 ...
- protobuf / Consul / 边缘计算 / MEC / CDN / Serverless / GraphQL / 微服务 / 网关 / 云原生 / Serverless (真能造概念啊!!!)
技术概念层出不穷,学吧!记录下自己多这些概念的理解 protobuf: 数据结构而已,类比XML, JSON consul 解决的只是微服务里的服务注册与发现,健康检查等. 边缘计算:可以理解为是指利 ...
- ansible安装、配置ssh、hosts、测试连接
.安装ansible 1.1.源码安装 源码安装参照 https://www.cnblogs.com/guxiong/p/7218717.html [root@kube-node3 ~]# .tar. ...
- Vue学习笔记(三)组件间如何通信传递参数
一:父组件向子组件传递参数 <template > <div id="app"> <h1 v-text="title">&l ...
- Go单引号和双引号区别
首先做个测试,看下面那个选项是正确的: A. str:='abc'+'123'B. str:="abc"+"123"C. str:='123'+"ab ...
- github pages + hexo 搭建 blog 遇到的问题
一. ERROR Deployer not found: git $ hexo d ERROR Deployer not found: git npm install --save hexo-depl ...
- vue知识点积累
vue中 列表组件写key,起作用是什么? <ul> <li v-for="item in items" :key="item.id"> ...
- Unity-3D-H2
1.简答题[建议做解释 游戏对象(GameObjects) 和 资源(Assets)的区别与联系. 游戏对象:直接出现在游戏的场景中,是资源整合的具体表现,对象通过层次结构来组织,通过整体-部分的关系 ...
- 【miscellaneous】如何利用硬盘号和CPU序列号为软件加密
原文:http://www.jiamisoft.com/blog/index.php/3469-yingpanhaocpuruanjianjiami.html 计算机软件是一种特殊的产品,为了防止软件 ...