qq_43405168的博客

原创 隐藏多余的文字

好几次做东西时都得去百度如何将文字隐藏起来并出现省略号这次主要是介绍一下关于如何隐藏超过范围内的文字overflow：hidden//当文本超出给定的范围时将内容隐藏text-overflow它表示当文字溢出时是否显示省略号，有两个值：**1、**clip：当对象内文本溢出时不显示省略标记（…）**2、**ellipsis：当对象内文本溢出时显示省略标记（…）white-space: ...

原创 bootstrap栅格布局

因为是使用bootstrap进行布局，所以我们要先将bootstrap的文件以及所依赖的js脚本引入到我们的html中第一我们设置一个12等分的盒子，一个div为8，一个为4.然后将其划分为12个div为1的小格子 第二是将其分成4、5、3列第三将其实现一个推拉的效果第四，对格子进行嵌套第五，偏移在移动设备上看...

原创 响应式布局

1、关于响应式布局所要用到的meta viewport属性meta viewport 中有6个通用属性：1、width 设置layout viewport的宽度 正整数或字符串 ‘width-device’；2、initial-scale 设置页面的初始缩放值，数字或小数；3、minimum-scale 允许用户的最小缩放值 数字或小数；4、maximum-scale 允许用户的最大缩放...

原创 关于Bootstrap的初探索

我们在运用Bootstrap这个框架时，首先要去了解它的稳定版本以及现在的通用版本，目前很多解说视频都是推荐使用Bootstrap3版本。这是下载到电脑上的三个文件夹，里面还有几个对应的文件。今天我们说一下如何将其引入进自己所需的html文件中第一行代码是引入Bootstrap中的css文件，也就是css文件夹下的一个后缀为.css的一个文件，相当于引入一个外部的css代码库。当然这些都是别...

原创 关于响应式布局

要加上<meta name=“viewport” content=“width=device-width,initial-scale=1”/这>句话，就可以让pc段的页面在手机上可以进行全面浏览。它可以根据设备的大小进行宽度自动调整PC端显示如下：移动端显示如下： 因为红色区域是不重要内容，所以我们可以将他在移动端所隐藏。利用：使用媒体查询的方式来使不重要内容在移动端不显示...

转载 如何用html+js做一个倒计时

...倒计时30首先，要在body内写上设置它的倒计时为30s然后写它的js代码![在这里插入图片描述](https://img-blog.csdnimg.cn/20190715090435531.png?x-oss-process=ima...

原创 关于文字和盒子阴影制作

文字阴影：text-shadow(水平位置 垂直位置 模糊距离 阴影颜色 /水平位置 垂直位置必须要/)以下是一个例子盒子阴影：box-shadow（box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸 阴影颜色 内(inset)/外阴影(默认，无需设置)）这个效果适合我们在做一些页面时，当鼠标放到一个盒子上时，内容浮起来，显示出阴影...

原创 关于盒子模型box-sizing的运用

box-zing是一个新属性后面可加：box-sizing：content-box；（表示盒子的宽度为width+padding+border的总和）box-sizing：border-box；（表示padding和border的宽度都包含在width之中，所以他不会变）下面是一段演示代码它生成的效果为使用border-box就不用考虑padding值的影响了...

原创 制作凹凸文字

主要是利用文字阴影来实现这个效果可以看出凸起的字上方是白色，而下方是阴影而凹处的字上方是阴影，下方是白色代码代码代码如上所示，就可以制作出文字的凹凸效果...

原创 行内元素的转换

display：块转行内：display：inline；行内转块：display：block；块行内元素转换为行内快：display：inline-block。

原创 块、行元素

块元素：支持宽高，独占一行，内边距、外边距都能控制。宽度默认是100%，可以容纳内联元素和其他块元素。行元素：和相邻行内元素在一行上，不支持宽高，由内容撑开，但水平上的padding和margin可以控制，垂直无效。只能容纳文本和其他块行内元素。...

原创 标签练习

adress（双标签）：定义文档作者或拥有者的联系信息。bdo（双标签）：改变文字方向datalist（双标签）：搜索框列表del、ins（双标签）：删除文本和下划线文本summary（双标签）为 details 元素定义可见的标题...

原创 链接HTML外面的内容

引入css样式插入fontsome网页的小图标（icon）顶部图标

转载 学习规范命名

头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单...

原创 绝对定位与相对定位

绝对定位与相对定位position：relative；1.不影响元素本身的特性2.不使元素脱离文档流3.如果没有定位偏移量，对元素没有任何影响4.提升层级position：absolute；1.使元素完全脱离文档流2.使内嵌支持先高3.块属性标签内容4.如果有定位父级相对于定位父级发生偏移没有定位父级相对于document偏移5.相对定位一般都是配合绝对定位元素使用6。提升...

原创 div+css测试

div是区块，在网页开发中，用来存放内容css 是层叠样式表，它的作用是用来规定div和div中的内容的位置和样式div+css 结合就可以做到把内容和样式分离，好处是1. 代码简洁，便于维护 2. 利于seo[搜索引擎优化] div+css css+div第一次测试 ...

原创 HTML基本功