Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 记得大学毕业后的第一份工作 在一家在厦门还算比较知名的互联网公司做电话销售 总监交给我们的第一堂课 做人要低调,做事要高调 如今走过些许岁月,回头想想 此话如同金玉良言,醍醐灌顶 如果以前的自己能早点领悟这句话 或许会是另一番风景吧 <!DOCTYPE html> <html lang='en'> <he
W3C对BFC的定义如下: 浮动元素和绝对定位元素,非块级盒子的块级容器(如 inline-blocks, tablecells, 和 table-captions),以及overflow值不为"visiable"的块级盒子,都会为他们的内容创建新的 BFC。
Nginx是一款高性能的Web服务器,能够以灵活性和强大的功能提供内容。在设计网页时,自定义用户将看到的每条内容通常很有帮助。这包括他们请求不可用内容时的错误页面。在本指南中,我们将演示如何配置Nginx以在Ubuntu 14.04上使用自定义错误页面。
📷 👀专栏介绍 【前端网页】 目前主要更新HTML,一起学习一起进步。 👀本期介绍 本期主要介绍HTML块标签以及框架标签 文章目录 1.HTML基本语法(二) 1.1块标签:span 1.2块标签:div 2.自学扩展 2.1 框架标签 1.HTML基本语法(二) 1.1块标签:span 行级的块标签,用于在效果中 一行上定义一个块,进行内容显示。 1 span 有多少内容,就会占用多大空间。 ② Span
学习完上边几节html课程之后,你会发现html的标签还挺多的,为了能更好地在网页制作过程中熟练使用他们,我们今天讲讲标签分为几大类以及他们之间的区别。
因为一级菜单我是用ul li来做的,虽然ul是块级元素(display: block;),但是lidisplay: list-item;,多个是一行一行显示的
刚开始做这个网站的时候,只有一个定时任务jar包,每天定时给指定用户发短信,后来觉得其他人可能也需要这种服务,在其基础上二次开发,可扩展多任务,多用户定时任务,赚了一点点,这时候已经是部署在tomcat上了,端口占用80; 后来想自己做博客,但是博客想要使用主域名,即原服务需要修改端口,但是这种形式容易忘记端口,还需要去防火墙重新放开一个端口,想的是一个二级域名可以直接访问,这时候想到Nginx!
一个HTML元素要创建BFC,则满足下列的任意一个或多个条件即可: 下列方式会创建块格式化上下文:
(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)
static 默认值,无定位,不能当作绝对定位的参照物,并且设置标签对象的left、top等值是不起作用的的。
布局的三种基本方式: 标准流 按照标签默认的特性摆放盒子即为标准流 浮动流 利用浮动摆放盒子即为浮动流 定位流 利用定位摆放盒子即为定位流 浮动最开始是做图文绕排的。
我们的浏览器端(B/S架构)本质上也是一个客户端,通过socket与服务端通信,发送请求,获得返回数据,再有浏览器将服务器返回的数据渲染成页面上看到的一个一个标签元素样式。
在上面的例子中,我们有一个很大的图像,由于它比作为背景的元素大,所以最后被裁剪掉了。在这种情况下,我们可以使用 background-size属性,它可以设置长度或百分比值,来调整图像的大小以适应背景。
5.0之前没有placeholder新增功能,之前是value(提示的文字需要用户删除,而且字的颜色也没有变暗)实现的
<input type="radio" name="radio1" id="radio1-2" /> <label for="radio1-2">选项二</label> //关联的关键是ID
Nginx是一款高性能的Web服务器,能够以灵活性和强大的功能提供内容。在设计网页时,自定义用户将看到的每条内容通常很有帮助。这包括他们请求不可用内容时的错误页面。在本指南中,我们将演示如何配置Nginx以在CentOS 7上使用自定义错误页面。
在我们的开发生活中,相信很多人都会遇到形形色色的项目需求,比如更改浏览器的默认样式,在产品定下需求后给的网页设计图中我们最常遇到的是自定义滚动条的样式,或者当你想构建一个很有特色和创意的网页,那么也肯
行内元素(如a标签),在文档流中的时候因为是行内元素所以无法设置宽高;而当设置了绝对定位或者浮动,会生成块级框(即变成块级元素),所以就可以设置宽高了。
position:static | relative | absolute | fixed | center | page | sticky
核心在于:块级标签可以嵌套任何的标签,文本级别的只能嵌套图片超链接 文字。 块级占一行,文本级不会。
所谓统一接口就是统一一个标准,比如一部手机当统一了充电接口之后不同牌子的手机可以使用同一个品牌的充电器进行充电,因为大家的产品都遵循了同样的接口规格和充电协议。客户端和服务端之间的数据传输也是一样的当统一了数据传输格式之后,不同公司写的服务端就可以和不同公司的客户端进行正常的数据通信。
代码示例:跳转到https://www.acai.cloud地址时用浏览器空白标签页打开
行高可以让一行文本在盒子中垂直居中对齐,文字的行高等于盒子的高度,行高-上距离-内容高度-下距离.
一、超链接a href:www.baidu.com(跳转页面);id名(锚点跳到相应div位置);01.rar(压缩包) target:_blank(新窗口打开);_self(当前窗口打开) 二、文件路径 绝对路径: (1)线上:线上绝对路径 (2)线下:完整路径
Location语法优先级排列 匹配符 匹配规则 优先级 = 精确匹配 1 ^~ 以某个字符串开头 2 ~ 区分大小写的正则匹配 3 ~* 不区分大小写的正则匹配 4 !~ 区分大小写不匹配的正则 5 !~* 不区分大小写不匹配的正则 6 / 通用匹配,任何请求都会匹配到 7 nginx.conf配置文件实例 server { listen 80; server_name pythonav.cn;
你是否在编写这些文档的时候发现页面样式单一,显示杂乱。而且在引用代码时还会有各种各样的格式问题?
语法: HTML语法从区分符号开始 找到HTML语法的专属符号进行整理记忆 学语法从区分符号开始 找到css语法的专属符号进行整理记忆 学语法从区分符号开始 找到css选择器的专属符号进行整理记忆 布
在 CSS 中,所有的元素都被一个个的“盒子(box)”包围着,理解这些“盒子”的基本原理,是我们使用CSS实现准确布局、处理元素排列的关键。
补充第15点:对于position属性,除了static值不开启定位,其他的relative、absolute、fixed、inherit都会 开启定位 !一般我们最常见的relative是为absolute服务的!来看一种情况,设置position:absolute,如果父元素是<body>,不管父元素是否开启定位,绝对定位会相对于当前页面;如果父元素不是<body>,并且开启定位的话,绝对定位会相对于父元素
Nginx 推荐配置的工作进程数为 CPU 内核个数,这样可以确保硬件资源有效利用,在配置文件中设置 worder_processes auto 将自动调整工作进程数。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>猜猜我想说什么</title> </head> <body> 叼毛! <a href="ht
目录 1. margin 特性总结 2. 几道笔试题 1. margin 特性总结 1.1. 横向格式化 横向格式化属性有 7 个,分别为 margin-left、border-left、padding-left、width、padding-right、border-right、margin-right。 这 7 个属性的值加在一起要等于元素容纳块的宽度。 这 7 个属性中,只有 margin-left、width、margin-right 能设置为 auto。 [3个auto] 如果 margin-le
HTML:是Hyper Text Markup Language(超级文本标记语言)的缩写,HTML不是一种程序,只是一种控制网页中数据显示的标识语言。 HTML由一组标签组成。 HTML的基本结构 <html> <head> <title>第一个HTML示例</title> </head> <body> HTML的基本结构 </body> </html> HTML在浏览器中运行。 HTML是纯文本文件,所以可以使用任何一款文本编辑器编辑。 1.实际应用中记住
最近在项目的过程中遇到了一个问题,menu-bar 希望始终显示在最上面,而在之后的元素都显示在它之下,当时设置了 z-index 也没有效果,不知道什么原因,因此找了一下 css 有关层叠方面的资料,解决了这个问题,这里记录一下~
BFC全称是Block Formatting Context,即块格式化上下文。它是CSS2.1规范定义的,关于CSS渲染定位的一个概念。
font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。
HTML 1、一套规则,浏览器认识的规则。 2、开发者: 学习Html规则 开发后台程序: - 写Html文件(充当模板的作用) ****** - 数据库获取数据,然后替换到html文件的指定位置(Web框架) 3、本地测试 - 找到文件路径,直接浏览器打开 - pycharm打开测试 4、编写Html文件 - doctype
文章目录 1. 访问控制 1.1 权限控制指令 1. 准备工作 2. 默认访问权限 3. 禁止所有用户的访问 4 . 只允许指定用户访问 5. 不同块间的权限指令优先级 1.2 访问控制典型应用 1. 精准匹配 2. 正则匹配 3. 最大前缀匹配 location / {} 与location =/ {} 的区别 4. 禁用正则匹配 root 与 alias 的时区别 1. 访问控制 访问控制是网络安全防范和保护的主要策略,其任务是保证网络资源不被非法访问 。 Nginx 作为 Web 服务器的后起之
一 字体属性 1、font-weight:文字粗细 取值 描述 normal 默认值,标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold inherit 继承父元素字体的粗细值 2、font-style:文字风格 normal 正常,默认就是正常的 italic 倾斜 3、font-size:文字大小 fs:一般是12px或13px或14px 注意: 1、通过font-size设置文字大小一定要带单位
块级元素占据其父元素(容器)的整个水平空间,垂直空间等于其内容高度。HTML 中大多数元素都是块级元素。
定位的基本思想很简单,它允许定义元素相对于父级元素、另一个指定元素或者当前浏览器窗口应该显示的位置。
@import url(xx.css): 在一个css中,添加对其他css文件的引用
本文介绍了前端性能优化中的垂直居中方案,包括使用Flexbox、Grid、CSS3进行垂直居中,以及使用定位和Transform进行垂直居中。同时,还介绍了如何通过代码拆分、懒加载和图片自适应来提高页面性能。最后,给出了一组示例和代码。
最近在项目的过程中遇到了一个问题,menu-bar希望始终显示在最上面,而在之后的元素都显示在它之下,当时设置了 z-index 也没有效果,不知道什么原因,因此找了一下css有关层叠方面的资料,解决了这个问题,这里记录一下~
这样做的优点就是在图文混排的时候可以很好的使文字环绕在图片周围。另外当元素浮动了起来之后,它有着块级元素的一些性质例如可以设置宽高等,但它与inline-block还是有一些区别的,第一个就是关于横向排序的时候,float可以设置方向而inline-block方向是固定的;还有一个就是inline-block在使用时有时会有空白间隙的问题
3)标签与标签之间有一个以上的空格(n>1),网页上两个内容之间也只有一个空格。
领取专属 10元无门槛券
手把手带您无忧上云