day13_H5_CSS_1
一.标签.HTML是可以被浏览器解析的一套规则
1.a标签:他是主动闭合标签,表现形式<a href="http://www.baidu.com">baidu<a>,代表超链接,点击baidu,可直接跳转到百度地址,存在于body中
2.HTML的格式,一个页面由一个html主动闭合标签后成,该HTML标签中包含一个head标签和body标签.①head标签中大部分在前端浏览器中是不可见的
3.自闭和标签:没有另一对,自己就是一个整体,主动闭合标签:成对出现.写在标签中的内容叫属性
段落标签
标题标签,共六种形式,第一种字体最大,依次变小,先出生的最大,后出生的依次变小
多行文本,<testarea>xxxx<testarea>,他在页面上显示框可以任意调整大小.特殊符号空格符号
文本输入框input
多选框
单选框
上传文件
按钮:①button是一个单纯的按钮,需要和js联动,绑定事件才可以进行动作操作,
form表单,可理解为一张白纸,是一个载体,承载着输入的数据
form表单和按钮的连用,
小知识:后端发送请求的方式①通过ajax进行伊布请求,ajax每次提交不会刷新页面,验证通过才会跳转②通过form表单进行请求,form表单提交的时候会刷新整个页面,会导致用户填写的数据被清除,
form表单中增加扩展功能,比如下图点击用户名和用户名文本输入框区域,光标都可以定位到文本输入框中,使用<label><label>关联
下拉框,在选项中增加selected="selected"表示该选项是默认选项:①单纯的下拉框,select中嵌套option②层级下拉框,select中嵌套optgroup,在嵌套option
超链接标签<a><a>
图片标签
表
二
1.id选择器
多个id选择器使用一个样式,即id组合选择器
2.class选择器,css样式中使用最频繁的选择器
class组合选择器
3.标签选择器
4.id层级选择器
5.class层级选择器
6.属性选择器(自定义选择器)
day13_H5_CSS_1的更多相关文章
随机推荐
- 20175209 《Java程序设计》第四周学习总结
20175209 2018-2019-2 <Java程序设计>第四周学习总结 教材知识点总结 1.子类和父类: 子类的继承性:子类与父类在同一包中——子类继承父类中不是private的变量 ...
- windows上编译zlib-1.2.8
MSVC编译 使用VS(x86)命令行工具进入到zlib根目录,执行 nmake -f win32/Makefile.msc ,在根目录下生成:zlib.lib(静态库) zdll.lib(动态库的 ...
- G1 垃圾收集器入门
最近在复习Java GC,因为G1比较新,JDK1.7才正式引入,比较艰难的找到一篇写的很棒的文章,粘过来mark下.总结这篇文章和其他的资料,G1可以基本稳定在0.5s到1s左右的延迟,但是并不能保 ...
- 一个select元素自定义设计的新思路:appearance: none之后利用<>符号制造小箭头
最近工作时解决了一个前端小问题(如下图所示):在Safari中,select的控件之上有不和谐的灰色部分. 刚开始时我以为是backgrand或是border设置不当之类产生的问题,在搜索了很久之后终 ...
- * CSS 视觉格式化(基本框、包含块、盒模型、水平格式化、垂直格式化、行布局、em框、内容区、行间距、行内框、行框)
前言 CSS视觉格式化这个词可能比较陌生,但说起盒模型可能就恍然大悟了.实际上,盒模型只是CSS视觉格式化的一部分.视觉格式化分为块级和行内两种处理方式.理解视觉格式化,可以确定得到的效果是应该显示的 ...
- div的默认position值是静态的static
div的默认position值是静态的static,如果相对父元素使用Position:absolute的话,需要手动在父元素上添加Position.
- 原生js封装cookie获取、设置及删除
使用cookie(key,value,options) 参数key,value,options(可选) function cookie(key,value,options){ if(typeof va ...
- Python mac安装mysqlclient的一个bug
这是一个来自mysql官方的bug,反正我是看不懂. shuais-MBP:wxapp dandyzhang$ pipenv install mysqlclient Installing mysqlc ...
- TCP/IP(五)传输层之细说TCP的三次握手和四次挥手
前言 这一篇我将介绍的是大家面试经常被会问到的,三次握手四次挥手的过程.以前我听到这个是什么意思呀?听的我一脸蒙逼,但是学习之后就原来就那么回事! 一.运输层概述 1.1.运输层简介 这一层的功能也挺 ...
- C语言之路-2-判断
#include<stdio.h> int main() { ; printf("请输入"); scanf("%d",&a); ){ pri ...