![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Java前端
小白的摸索
轼同辙
这个作者很懒,什么都没留下…
展开
-
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 · 104 阅读 · 0 评论 -
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 阅读 · 0 评论 -
CSS的非布局样式
1.容器的内容(常是文本)大于容器时,overflow指定处理方式/*visible: 指定溢出的内容在容器外显示hidden: 指定溢出的内容隐藏scroll: 显示滚动条,溢出的内容可拖动滚动条查看auto: 当有溢出内容时,自动出现滚动条;没有溢出时,滚动条隐藏*/overflow: visible/hidden/scroll/auto2.文字换行方式设定overflow-wrap:normal/break word //通用的换行控制,normal尽量保持单词的完原创 2020-05-17 10:21:21 · 129 阅读 · 0 评论 -
边框的小知识
1.边框设置背景图/*round/repeat指定平铺方式。若图片大于边框,round会压缩图片,使其整数个平铺;而repeat则自然平铺*/border-image: url(路径) xxpx round/repeat2.边框画三角形的原理边框取不同颜色时,边框衔接处会出现分界线,利用分界线,再将盒子的内容设为0(即width=height=0),即可实现(注:border-radius可以实现扇形)...原创 2020-05-17 09:56:56 · 149 阅读 · 0 评论 -
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 · 127 阅读 · 0 评论 -
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 · 90 阅读 · 0 评论 -
搜索栏制作总结
1.实现搜索logo和搜索框水平布局: div.searchDiv{ width:400px; margin:50px auto; //使定宽块状元素水平居中 } img.logo{ //利用绝对定位固定logo的位置(相对于已定位的父元素,这里是body元素) position:absolute; left:0px; top:原创 2020-05-09 17:09:00 · 489 阅读 · 0 评论 -
导航制作总结
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 · 376 阅读 · 0 评论 -
nodejs运行时错误:Cannot find module './server'
运行某js文件时,抛出错误:Cannot find module './server'解决方法:(1)若所引入模块为自定义模块,则检查文件名与js文档中引入的文件名是否一致(注意文件名中不能包含空格) (2)若所引入模块为第三方导入模块,则检查自己是否已经下载了该模块,同时注意文件文件名与js文档中引入的文件名必须一致;若未下载该模块,则打开cmd,切换...原创 2020-05-07 16:55:21 · 4357 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 226 阅读 · 0 评论 -
网页元素的水平居中问题
网页元素可分为行内元素和块状元素1.行内元素 将行内元素放入块内元素中(常是div),利用块状元素的text-align:center实现居中2.块状元素 (1)定宽 利用margin:xxpx auto即可实现居中 (2)不定宽 利...原创 2020-04-27 12:00:24 · 131 阅读 · 0 评论 -
网页元素设计的几点注意(1)
1.绝对定位的偏移是相对于上一个定了位的父容器而言的2.相对位移则是在位移元素的原位置的基础上做位移3.浮动元素与围绕元素间的距离只能由浮动元素的margin来设定4.cursor可用于改变游标样式5.美人尖的关键是边框的宽度要一致,且元素内容为空,即宽高为06.text-align可用于表格的全部文本居中7.表格的宽度和高度若不设定,则由内容决定8.border-sp...原创 2020-04-25 21:33:58 · 159 阅读 · 0 评论