web前端
镇长1998
菜鸟升级。
展开
-
BootStrap的导航条内容居中显示
1. 从BootStrap上复制下的代码显示的导航条原本是这样的2. 但是想让内容居中,其实就是给导航条设置上版心的大小既可以了 <div class="container-fluid" style:"width:80%; margin:0 auto;">3. 效果原创 2020-10-01 15:50:19 · 2327 阅读 · 0 评论 -
swipper轮播图怎么插入文字说明
1. 在轮播图项中添加div结构,用来存放图片的说明文字(注意这是自己添加的结构,因此类名啥的可以自定义)2.修改类名为swiper-container的div的position为relative3.修改具体的css样式就好了,如top、left、font等等...原创 2020-04-30 15:33:20 · 6665 阅读 · 0 评论 -
HTML 文本样式
text-decoration属性(css样式中的):用来给文本添加各种修饰。通过它可以为文本的上方、下方或者中间添加线条。可选值: -underline -overline -line-through -none 设置去除文本的下划线,如去除链接的文本下划线 如: a{ text-decoration:none...原创 2019-03-31 20:01:35 · 601 阅读 · 0 评论 -
CSS 伪类
伪类:表示元素的一种特殊状态。当我们需要为处于这些特殊状态的元素(如a标签和p标签)设置样式的时候,就可以使用伪类。伪类::link 为没访问过的链接设置一个颜色:visted 为访问过的链接设置一个颜色,也只能设置颜色 (通过两种不同颜色来区别是否访问过该链接):hover 当鼠标移动到标签上时,设置标签样式:active 设置当超链接配点击时的状态(即被点击...原创 2019-03-15 20:24:28 · 186 阅读 · 0 评论 -
CSS RGB颜色设置
颜色单位: 在CSS中可以RGB值来表示不同的颜色 -所谓的RGB值指的是通过Red Green Blue三元色,通过这三种颜色的不同浓度,来表示出不同的颜色。 例如:rgb(红色的浓度,绿色的浓度,蓝色的浓度) rgb(161,183,215) 通过截图工具可以具体的看出某种颜色中三色的配比情况。 颜色的浓度在0-255之...原创 2019-03-31 20:03:14 · 2480 阅读 · 0 评论 -
CSS 导入背景图片不能显示
之前总出现这样的问题,明明文件存在,就是显示不出来,刚开始我还以为是CSS样式设置不正确,把它给挡住了。。。后来发现是导入背景图片的格式不对。background: url('./checkbox.png'); 1. 文件的路径写成字符串的格式2. 文件的路径必须写成 ./ 或者 ../ 的格式,之前 Hbuild 自动给我的路径,就没有这些,原来是它给的有问题。。。。...原创 2019-05-15 00:59:56 · 6492 阅读 · 0 评论 -
inline-block 排列的中间间隙问题
两个inline-block的块没有设置外边距但却有着中间的缝隙。。。。。。。对于两个inline-block 同一行的时候,会出现间隙。对于这个间隙可以通过去掉将HTML中两个块对应的代码中间的空格来去除两个块中的间隙<!DOCTYPE html><html> <head> <meta charset="UTF-8"&g...原创 2019-05-15 23:35:25 · 378 阅读 · 0 评论 -
盒子模型
在设置盒子模型的宽和高是对内容区的设置,盒子的宽和高不是整个盒子的大小。盒子的整体大小是由盒子的内容区和内边距和边框三者加起来构成了盒子的整体的宽和高...原创 2019-05-15 23:43:53 · 83 阅读 · 0 评论 -
keyframe 关键帧动画
实现网页中各部分有动画的出现,使得网页更加的高大上 @keyframes fadeIn{ from{ transform: translateY(100px); /* translateY 指的是相对与该元素原本的位置进行的Y轴方向的偏移*/ opacity: 0; } to{ transform: translateY(0...原创 2019-05-18 01:16:12 · 2682 阅读 · 0 评论 -
checkbox 选择框的美化
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>美化checkbox</title> <style type="text/css"> *{ margin: 0px; padding: 0px; ...原创 2019-05-15 00:55:18 · 1318 阅读 · 0 评论 -
CSS 属性: Overflow
overflow: visible; 当内容超出时也会被直接显示出来overflow: hidden; 当内容超出边界时,超出的内容会被隐藏overflow: scroll; 无论内容超不超出边界,都有下拉框,且是左右都有(Windows下)overflow: auto; 只有当内容超出边界时,才会由下拉框...原创 2019-05-15 00:06:42 · 78 阅读 · 0 评论 -
web前端 导航条的简单实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>test</title> <style> *{ margin: 0px; padding: 0px; } ...原创 2019-04-06 20:43:08 · 15758 阅读 · 1 评论 -
紧跟教程敲代码 开班信息--课程表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0px; padding: 0px; } body{ /* 统一页面内字体的...原创 2019-04-07 16:10:08 · 313 阅读 · 0 评论 -
百度首页顶部栏
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>百度一下,你就知道</title> <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"&g...原创 2019-04-12 11:45:14 · 448 阅读 · 0 评论 -
后台管理布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css"/> <link rel="styleshe...原创 2019-04-26 00:29:21 · 518 阅读 · 0 评论 -
CSS 背景 and 字体样式
background-size:length 设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。background-size:cover 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。background-size:contain 把图像图像扩展至最大尺寸,以使其...原创 2019-05-19 00:50:21 · 138 阅读 · 0 评论 -
登陆页面
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>登陆</title> <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.c...原创 2019-05-19 00:59:13 · 189 阅读 · 0 评论 -
图片3D多层
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多层</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } ...原创 2019-05-19 23:19:59 · 750 阅读 · 0 评论 -
雪碧图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>雪碧图</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } ...原创 2019-05-14 23:50:09 · 652 阅读 · 0 评论 -
常用CSS选择器
1.元素选择器:作用:通过元素选择器可以选择页面中的所有指定元素语法: 标签名{}2.id选择器: -通过元素的id属性值选择唯一元素 -语法: #id属性值{} 3. 类选择器: - class属性和id属性类似,只不过class属性可以重复 -拥有相同class属性值的元素,我们说他们是一组元素 -一个元...原创 2019-03-12 18:47:03 · 211 阅读 · 0 评论