ZZYGTHH-优快云博客

原创用css2实现一个三角

元素{ width:0； height:0; border:5px solid transparent; border-left-color:red;}可以通过修改边框颜色实现不同方向的三角

2021-09-18 16:23:28 151

原创 css3新增的结构伪类，层次选择器及其含义

一、层次选择器 1.后代选择器（包含选择器）语法：E F 匹配E元素下所有子元素F 2.子选择器语法：E>F 匹配E元素下第一级子元素F 3.相邻兄弟选择器语法：E+F 匹配E元素后面紧邻的F元素（有且仅有一个） 4.通用兄弟选择器语法：E~F 匹配E元素后面所有F元素（有可能匹配到多个）二、结构伪类选择器 1. :first-child 匹配父元素下第一个子元素...

2021-09-16 19:39:42 204

原创响应式布局的概念及优缺点

1、概念：响应式是指根据不同的设备浏览器分辨率或尺寸展示不同的页面结构，行为，表面的设计方式2、核心原理通过媒体查询检测不同设备的屏幕尺寸做处理，同时要求必须在head部分添加viewport的声明<meta name="viewport" content="width=device-width">3、优缺点优点：解决了多设备屏幕适配问题，灵活性更强缺点：工作量大，加载时间变长...

2021-09-16 19:37:40 463

原创 html中省略号的设置

单行文本省略号的设置如下：元素{ width : value; white-space: nowrap; voerflow: hidden; text-overflow: ellipsis;}

2021-09-16 19:36:09 938 1

header 定义网页的头部nav 定义网页的导航部分section 定义网页的某个区域aside 定义网页的侧边栏article 定义网页的一篇文章footer 定义网页的底部main 定义网页的主题内容hgroup 将网页或区段的标题进行组合figure 将网页的一些元素进行组合figcaption 给figure组合添加一个标题dialog 类似于会话框 eg:<dialog open>会话</dialog>...

2021-09-13 19:03:38 106

原创 javascript程序控制的三大结构

程序控制的三大结构顺序结构：从上到下，从左到右，依次执行每一条语句，不能跳过任何一条语句。选择结构：根据条件判断，执行某一段代码。循环结构：满足一定的条件，重复执行一段代码。实现选择结构有哪些语句？三元ifswitch单分支选择语句 if(条件){ 语句组; }//注：如果语句组中只有一条语句时，可以省略{},建议都不省。双分支选择语句 if(条件){ 语句组; ...

2021-08-25 20:22:22 914

原创用js判断一个年份是闰年还是平年

//能被4整除但不能被100整除或能被400整除的年份是闰年//判断一个年份var i_year = prompt('请输入一个年份:');alert(!(i_year % 4) && i_year % 100 || !(i_year % 400) ? '闰年' : '平年');

2021-08-25 17:53:28 406

原创 JavaScript概述

JavaScript概述什么是Javascript : 是（基于对象）和（事件驱动）的客户端脚本语言！ JS的作用是什么？实现页面特效实现前后端交互哪一个公司、谁？哪一年？第一个名字叫什么？网景布兰登 1995 liveScript W3C第一套前端标准：ECMA-262 JS包含几部分？ ECMAScript DOM BOM 如何引入Javascript内联（行内）脚本 : 事件

2021-08-25 17:26:40 96

原创块、内联、内联块都有哪些及其特点

块元素常见块元素：div,p,ul,li,ol,dl,dt,dd,h1~h6,hr 特点： a)块元素以块的形式显示为一个矩形区域，默认宽度为100%，等于父元素宽 b)默认情况下，块元素独占一行，自上而下排列 c)块元素可以设置宽高及任意margin，padding，border值 d)块元素作为一个容器，可以容纳其他的块元素和内联元素注：p标签比较特殊，只能在p标签中嵌套内联元素，不能嵌套块元素内联元素...

2021-08-25 14:04:33 542

原创 BFC的概念和特性

2021-08-21 19:54:28 113

原创标准盒模型和怪异盒模型的区别

标准盒模型标准盒模型中，我们设置的padding和border不包含在width和height中，单独显示怪异盒模型怪异盒模型中，我们设置的padding和border会包含在width和height中注：当没有添加文档声明时，就会触发某些浏览器（IE6）怪异模式盒模型的转换语法：box-sizing:content-box | border-box content-box 默认值，以标准盒模型显示 border-box 以怪异盒模型显示（padd...

2021-08-19 21:19:43 148

原创解决高度塌陷问题

描述：父元素高度适应，子元素浮动后造成父元素高度为0，就叫做高度塌陷问题解决方案： 1、给父元素设置overflow：hidden；原理：设置overflow：hidden；触发了BFC的状态，闭合了子元素的浮动，子元素重新参与了父元素的高度计算，父元素高度不再为0 缺点：显示在父元素框之外的内容会被隐藏 2、在浮动元素的末尾添加一个空div，并设置如下样式： .clearfix{clear:both; height:0; overflow...

2021-08-19 21:14:56 168 1

ZZYGTHH的博客