个人学习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 ...
随机推荐
- UML期末复习题
看了网上的各种UML图的相关资料,找到的都是差不多一样的对图的基本介绍.之前复习的时候也想对不同UML图单独进行复习总结,后来发现这样复习好像没什么用,不能理解每个图之间的关系,所以就没有进一步总结. ...
- 论好的代码习惯的养成/做一个优雅的coder
1.先说一下以前被滴滴大佬教育的事情: 以前写代码的时候,因为只需要取特定的几个字段,所以经常这么写 //Request $request for example $parameters = $req ...
- Servlet的入门案例
编写入门案例 1)编写java类,继承HttpServlet类 2)重新doGet和doPost方法 3)Servlet程序交给tomcat服务器运行!! 3.1 servlet程序的class码拷贝 ...
- Python 数据库的Connection、Cursor两大对象
Python 数据库的Connection.Cursor两大对象 pymysql是Python中操作MySQL的模块,其使用方法和py2的MySQLdb几乎相同. Python 数据库图解流程 Con ...
- C++ STL copy copy_backward
#include <iostream>#include <algorithm>#include <vector>#include <functional> ...
- php+上传文件夹
一提到大文件上传,首先想到的是啥??? 没错,就是修改php.ini文件里的上传限制,那就是upload_max_filesize.修改成合适参数我们就可以进行愉快的上传文件了.当然啦,这是一般情况下 ...
- delphi7 clientdataset 详解
delphi Midas SQLServer的自增字段的处理1.新增时,表中有自增字段,但是不希望用Refresh,直接ApplyUpdates直接看见自增字段的值在DataSetProvider.A ...
- centos7用yum安装node.js v8.x
1.更新node.js v8.x yum源 // 不更新,提示没有 packages文件 # curl --silent --location https://rpm.nodesource.com/s ...
- opengl球形网格生成
效果如图 准备第三方库 glew.freeglut.glm 代码包括主程序源文件mainApp.cpp.顶点着色器shader.vs.片元着色器shader.fs mainApp.cpp如下 #i ...
- WordPress自定义菜单和修改去除多余的css
这里主要是用于模板制作的,一般前端已经写好了,我们只要将前端的内容套用WordPress后台就可以了. 所以我们在模板制作过程中,需要自定义WordPress菜单. 在functions.php文件中 ...