- 博客(16)
- 收藏
- 关注
RSS订阅原创 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
102
原创 CSS面试题
1.css样式（选择器）的优先级（1）计算权重确定（2）！important优先级最高（3）内联样式的优先级高（4）后写的优先级高2.雪碧图的作用将多个图标集成为一张图片，这张图就叫雪碧图。作用是：（1）减少http请求数，提高加载性能（2）有些情况下可减小图片大小3.自定义字体的使用场景（1）宣传/品牌/banner等固定文案（2）字体图标4.base64的使用（1）可以减少http请求（2）适用于小图片 （3）体积约为原图的4/35.伪类和伪元素的区别
2020-05-17 10:40:41
127
原创 CSS的非布局样式
1.容器的内容（常是文本）大于容器时，overflow指定处理方式/*visible: 指定溢出的内容在容器外显示hidden: 指定溢出的内容隐藏scroll: 显示滚动条，溢出的内容可拖动滚动条查看auto: 当有溢出内容时，自动出现滚动条；没有溢出时，滚动条隐藏*/overflow: visible/hidden/scroll/auto2.文字换行方式设定overflow-wrap：normal/break word //通用的换行控制，normal尽量保持单词的完
2020-05-17 10:21:21
127
原创 边框的小知识
1.边框设置背景图/*round/repeat指定平铺方式。若图片大于边框，round会压缩图片，使其整数个平铺；而repeat则自然平铺*/border-image: url(路径) xxpx round/repeat2.边框画三角形的原理边框取不同颜色时，边框衔接处会出现分界线，利用分界线，再将盒子的内容设为0（即width=height=0），即可实现（注：border-radius可以实现扇形）...
2020-05-17 09:56:56
148
原创 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
122
原创 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
79
原创 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
112
原创 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（允许用户缩放）=no2.<base href="某路径"/&
2020-05-13 10:11:30
89
原创 搜索栏制作总结
1.实现搜索logo和搜索框水平布局： div.searchDiv{ width:400px; margin:50px auto; //使定宽块状元素水平居中 } img.logo{ //利用绝对定位固定logo的位置（相对于已定位的父元素，这里是body元素） position:absolute; left:0px; top:
2020-05-09 17:09:00
483
原创 导航制作总结
1.导航条可用<nav>标签实现，可以方便搜索引擎解析页面结构2.一些导航图标或是前端常用图标可在bootstrap中引用，下附引用方法链接：https://v3.bootcss.com/components/3.导航条内的元素定位可利用margin、padding实现，如（1）设定<nav>（父元素）的padding；（2）设定子元素的margin4.实现左右水平布局，可以让内联元素右浮动即可5.对于较重要的字眼可用<strong>标签修饰，如数字（
2020-05-09 16:45:20
353
原创 nodejs运行时错误：Cannot find module './server'
运行某js文件时，抛出错误：Cannot find module './server'解决方法：（1）若所引入模块为自定义模块，则检查文件名与js文档中引入的文件名是否一致（注意文件名中不能包含空格） （2）若所引入模块为第三方导入模块，则检查自己是否已经下载了该模块，同时注意文件文件名与js文档中引入的文件名必须一致；若未下载该模块，则打开cmd，切换...
2020-05-07 16:55:21
4247
原创 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
160
原创 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
223
原创 网页元素的水平居中问题
网页元素可分为行内元素和块状元素1.行内元素 将行内元素放入块内元素中（常是div），利用块状元素的text-align：center实现居中2.块状元素 （1）定宽 利用margin：xxpx auto即可实现居中 （2）不定宽 利...
2020-04-27 12:00:24
129
原创 网页元素设计的几点注意（1）
1.绝对定位的偏移是相对于上一个定了位的父容器而言的2.相对位移则是在位移元素的原位置的基础上做位移3.浮动元素与围绕元素间的距离只能由浮动元素的margin来设定4.cursor可用于改变游标样式5.美人尖的关键是边框的宽度要一致，且元素内容为空，即宽高为06.text-align可用于表格的全部文本居中7.表格的宽度和高度若不设定，则由内容决定8.border-sp...
2020-04-25 21:33:58
155
原创 **关于按一定规律计数从链表中循环删除特点节点的解决办法**
可将开放链表转变为闭环链表，从而实现循环计数并删除节点的功能，具体实现代码如下：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
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人