
HTML
HTML总结
前路茫茫——何处无香
没有平庸的人,只是你不愿意远离平庸!成为我的粉丝,让你成为一个不平庸的人!
展开
-
关于input的一些处理总结
一、input标签的类型标签 作用 <input type="text"> 单行文本框 <input type="password"> 密码框 <input type="checkbox"> 复选框(注意name要设置相同) <input type="radio"> 单行文本框(注意name)要设置相同 <input type="file"> 上传文件 <input type="原创 2021-05-24 17:50:13 · 498 阅读 · 0 评论 -
内联元素和块元素
内联元素是不可以控制宽和高、margin等;并且在同一行显示,不换行。块级元素可以控制宽和高、margin等,并且可以换行一、inline使用此属性后,元素会被显示为内联元素,元素则不会换行inline是行内元素,同行不显示,例如:span、font、em、b这些默认的都说行内元素,不会换行,也无法设置宽度、高度、margin、border二、block使用此属性后,元素会被认为是块级元素,元素会进行换行。块级元素:div、p、ul、li等这些默认都是块元素,会换行,除非设置floa原创 2021-03-30 13:40:14 · 174 阅读 · 0 评论 -
在HTML中嵌入PHP代码的三种方法
以"<?php开头,以 ?>"结尾,中间为PHP代码 以<script language="php">开头,</script>结束,中间为PHP操作代码 "<! 开头,以>"结尾,中间为PHP操作代码原创 2021-03-30 11:42:56 · 3923 阅读 · 0 评论 -
HTML5新增全局属性——contenteditable
在HTML5中新增加了一个contenteditable属性,中文理解就是让文本处于可编辑状态。目前所有的主流浏览器都支持contenteditable属性,contenteditable属性指定元素内容是否可编辑,此元素可继承。<p contenteditable="true"></p>contenteditable属性有两个值:true:指定元素是可编辑的 false:指定元素是不可编辑的...原创 2021-03-29 18:12:08 · 1323 阅读 · 0 评论 -
详细讲解BFC
前一段时间看见字节招聘中出现BFC一词,现在给大家讲解一下什么是BFC?BFC是什么?首先BFC到底是什么意思呢?BFC的全称是(Block Formatting Context),通过翻译我们可以知道,这就是块级格式化上下文,是一个网页的概念。网页是一个一个盒子组成的,身为一个开发人员,我们都很清楚,网页中的大部分元素都是由块元素div组成。而我们的Block正是盒子的意思。Box:css布局的基本单位Box(div)是CSS布局的对象和基本单位,直观点来说,一个网页就是由多个Box组成的原创 2021-03-23 20:24:26 · 645 阅读 · 0 评论 -
css样式之:display属性
首先介绍一下什么是行内元素、块元素、行内块元素。行内元素:一行放置多个,没有宽和高;块级元素:一行只能放置一个,有宽和高;行内元素:一行放置多个而且有宽和高。display:block;//此元素将显示为块级元素,此元素前后会带有换行符。display:none;//此元素不会被显示display:inline;//默认。此元素会被显示为内联元素,元素前后没有换行符。display:inherit;//规定应该从父元素继承display属性的值....原创 2021-03-16 16:05:35 · 506 阅读 · 0 评论 -
媒体查询
什么是媒体查询?媒体查询就是根据不同的屏幕或设备,自适应布局。一套代码,多个设备应用,合理布局。媒体查询语法@media 设备名称 only (选取条件) not (选取条件) and(选取条件),设备二{sRules}CSS中的设备类型:all:用于所有设备类型 screen:用于计算机显示器 projection:用于投影显示,如幻灯片演示 handheld:用于小型或手持设备 print:用于打印预览模式 braille:用于触觉反馈设备逻辑操作符:only:表示仅原创 2021-03-15 14:21:52 · 205 阅读 · 0 评论 -
HTML5移动端开发之viewport
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的页面适配或响应各种不同分辨率的移动设备。什么是viewport?移动前端中常说的viewport(视口)就是用户网页中的可视区域。viewport是通过meta标签中的name属性设置的,添加位置在head标签里面。它会告诉浏览器使用设备的屏幕宽度作为内容的宽度,并且忽视初始的宽度设置。viewpor原创 2021-03-15 13:54:20 · 308 阅读 · 0 评论 -
H5中的a标签
H5常用标签详解:1.<a href="http://www.baidu.com">百度</a>< a >标签定义超链接,用于从一张页面链接到另一种页面。其中a元素中最重要的属性是href属性,它指示链接的目标。在所有浏览器中,链接的默认外观是:未被访问的链接带有下划线而且是蓝色的。已被访问的链接带有下划线是紫色的。活动链接带有下划线而且是红色的。download属性:规定被下载的超链接目标,其值一般为filename。hreflang属性:规定被链原创 2020-12-28 19:28:02 · 2512 阅读 · 0 评论 -
在实战项目中,我们应该如何使用Position定位
有很多时候,我们不太情愿去用position定位,虽然它能达到我们期望的效果,可它的缺点也很明显。我最不喜欢的就是它的脱离文档流,可这也正是它的有点所在。下面我们简单的描述一下在开发中哪些情形我们会使用到position定位吧!情景一:在移动端开发时,我们常常用弹性布局或者line-height来使用字体居中时,但是由于安卓系统的本身一些原因,你看到的字体总是感觉偏上,所以这时候你可以采用绝对定位的方式width: 600px; height: 400px;position: absolu原创 2021-02-05 17:31:51 · 324 阅读 · 0 评论