轼同辙-优快云博客

原创 CSS的布局方式

1.四大布局（1）table 布局（2）float+margin 布局（3）inline-block 布局（4）flexbox 布局 2.table布局（1）直接使用<table>（2）用<div>模仿表格（代码如下） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte

2020-05-17 11:12:57 206

原创 CSS面试题

1.css样式（选择器）的优先级（1）计算权重确定（2）！important优先级最高（3）内联样式的优先级高（4）后写的优先级高 2.雪碧图的作用将多个图标集成为一张图片，这张图就叫雪碧图。作用是：（1）减少http请求数，提高加载性能（2）有些情况下可减小图片大小 3.自定义字体的使用场景（1）宣传/品牌/banner等固定文案（2）字体图标 4.base64的使用（1）可以减少http请求（2）适用于小图片（3）体积约为原图的4/3 5.伪类和伪元素的区别

2020-05-17 10:40:41 185

原创 CSS的非布局样式

1.容器的内容（常是文本）大于容器时，overflow指定处理方式 /* visible: 指定溢出的内容在容器外显示 hidden: 指定溢出的内容隐藏 scroll: 显示滚动条，溢出的内容可拖动滚动条查看 auto: 当有溢出内容时，自动出现滚动条；没有溢出时，滚动条隐藏 */ overflow: visible/hidden/scroll/auto 2.文字换行方式设定 overflow-wrap：normal/break word //通用的换行控制，normal尽量保持单词的完

2020-05-17 10:21:21 223

原创边框的小知识

1.边框设置背景图 /* round/repeat指定平铺方式。若图片大于边框，round会压缩图片，使其整数个平铺；而repeat则自然平铺 */ border-image: url(路径) xxpx round/repeat 2.边框画三角形的原理边框取不同颜色时，边框衔接处会出现分界线，利用分界线，再将盒子的内容设为0（即width=height=0），即可实现（注：border-radius可以实现扇形） ...

2020-05-17 09:56:56 209

原创 CSS中的背景小知识

1.css中的背景有很多属性，在写的时候可以用background：xxx xxx 写在一起；也可以分开写，如background-color；background-image等等 2.背景颜色的写法 1. 颜色名（red、green、whitesmoke......） 2. 十六进制（#FF0000 可缩写为 #F00） 3. rgb（0~255，0~255，0~255，.2）可在0~255取值, ".2"表示透明度 4. hsl（0，xx%，xx%） .

2020-05-16 21:38:02 179

原创 CSS基础1

1.浏览器解析选择器的顺序：右→左，这样有利于高效的定位元素 2.伪元素选择器（::before和::after)不会出现在dom、html中，但可以显示内容和样式 3.选择器权重 id：100 class、伪类（:hover等）：10 元素、伪元素：1 其他：0 （注：权重高一级压死人，一个id的优先级永远比多个class组合高） 4.字体（1）字体族：serif（衬线字体：宋体）；sans-serif（非衬线字体）；monospac...

2020-05-13 10:56:27 128

原创 html面试真题

1.doctype的意义：（1）让浏览器以标准模式渲染html文档（2）让浏览器知道元素的合法性 2.html、xhtml、html5的关系（1）html属于SGML，xhtml属于xml，是html严格化的结果（2）html5不属于SGML或xml，比xhtml宽松 3.html5的变化（1）新的语义化元素（使页面语义化）：header、footer、section、article、nav、aside、em、strong、i（做图标icon）（2）表单增强：新的表单元素+表单验

2020-05-13 10:32:53 164

原创 html基础知识

1. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> "viewport"为视口的意思，content规定了width=设备的宽度；initial-scale（初始缩放）=1.0；maximum-scale（最大缩放）=1.0，user-scalable（允许用户缩放）=no 2. <base href="某路径"/&

2020-05-13 10:11:30 137

原创搜索栏制作总结

1.实现搜索logo和搜索框水平布局： div.searchDiv{ width:400px; margin:50px auto; //使定宽块状元素水平居中 } img.logo{ //利用绝对定位固定logo的位置（相对于已定位的父元素，这里是body元素） position:absolute; left:0px; top:

2020-05-09 17:09:00 563

原创导航制作总结

1.导航条可用<nav>标签实现，可以方便搜索引擎解析页面结构 2.一些导航图标或是前端常用图标可在bootstrap中引用，下附引用方法链接： https://v3.bootcss.com/components/ 3.导航条内的元素定位可利用margin、padding实现，如（1）设定<nav>（父元素）的padding；（2）设定子元素的margin 4.实现左右水平布局，可以让内联元素右浮动即可 5.对于较重要的字眼可用<strong>标签修饰，如数字（

2020-05-09 16:45:20 505

原创 nodejs运行时错误：Cannot find module './server'

运行某js文件时，抛出错误：Cannot find module './server' 解决方法：（1）若所引入模块为自定义模块，则检查文件名与js文档中引入的文件名是否一致（注意文件名中不能包含空格）（2）若所引入模块为第三方导入模块，则检查自己是否已经下载了该模块，同时注意文件文件名与js文档中引入的文件名必须一致；若未下载该模块，则打开cmd，切换...

2020-05-07 16:55:21 4940

原创 javaScript 学习心得（2）

1.验证文本框、密码框是否为空： if(email.value.length==0) alert("email不能为空"); （注：这种方法无法判断文本框、密码框的值为空格字符串） 2.验证邮箱格式： email=document.getElementsByName('email')[0]; //获取文本框对象 Regex=/^(?:\w+\.?)*\w+@(?:\w+\.)*...

2020-05-04 16:54:30 227

原创 javaScript的学习心得（1）

1.获取html元素的方法： xxx=document.getElementById(标签内的id选择器名) (1) xxx=document.getElementsByName(标签内的name属性值) (2) xxx=document.getElementsByTagName(标签名) (3) xxx=document.getElemen...

2020-05-04 16:25:18 298

原创网页元素的水平居中问题

网页元素可分为行内元素和块状元素 1.行内元素将行内元素放入块内元素中（常是div），利用块状元素的text-align：center实现居中 2.块状元素（1）定宽利用margin：xxpx auto即可实现居中（2）不定宽利...

2020-04-27 12:00:24 187

原创网页元素设计的几点注意（1）

1.绝对定位的偏移是相对于上一个定了位的父容器而言的 2.相对位移则是在位移元素的原位置的基础上做位移 3.浮动元素与围绕元素间的距离只能由浮动元素的margin来设定 4.cursor可用于改变游标样式 5.美人尖的关键是边框的宽度要一致，且元素内容为空，即宽高为0 6.text-align可用于表格的全部文本居中 7.表格的宽度和高度若不设定，则由内容决定 8.border-sp...

2020-04-25 21:33:58 212

原创关于按一定规律计数从链表中循环删除特点节点的解决办法

可将开放链表转变为闭环链表，从而实现循环计数并删除节点的功能，具体实现代码如下： struct data *end=p,*temp=NULL,*p1=NULL; int i,count=2,flag=1; for (i = 1; i < n; i++) end = end->next; end->next = p; for (i = 0; i < 6; i++) { whi...

2019-01-03 16:26:07 143

weixin_43633023的博客