HTML
w⃘⃘a⃘⃘v⃘⃘e⃘⃘子
这个作者很懒,什么都没留下…
展开
-
隐藏多余的文字
好几次做东西时都得去百度如何将文字隐藏起来并出现省略号这次主要是介绍一下关于如何隐藏超过范围内的文字overflow:hidden//当文本超出给定的范围时将内容隐藏text-overflow它表示当文字溢出时是否显示省略号,有两个值:**1、**clip:当对象内文本溢出时不显示省略标记(…)**2、**ellipsis:当对象内文本溢出时显示省略标记(…)white-space: ...原创 2020-02-06 17:44:04 · 209 阅读 · 0 评论 -
bootstrap栅格布局
因为是使用bootstrap进行布局,所以我们要先将bootstrap的文件以及所依赖的js脚本引入到我们的html中第一我们设置一个12等分的盒子,一个div为8,一个为4.然后将其划分为12个div为1的小格子 第二是将其分成4、5、3列第三将其实现一个推拉的效果第四,对格子进行嵌套第五,偏移在移动设备上看...原创 2020-01-19 16:15:55 · 237 阅读 · 0 评论 -
响应式布局
1、关于响应式布局所要用到的meta viewport属性meta viewport 中有6个通用属性:1、width 设置layout viewport的宽度 正整数或字符串 ‘width-device’;2、initial-scale 设置页面的初始缩放值,数字或小数;3、minimum-scale 允许用户的最小缩放值 数字或小数;4、maximum-scale 允许用户的最大缩放...原创 2020-01-15 16:11:54 · 304 阅读 · 0 评论 -
关于Bootstrap的初探索
我们在运用Bootstrap这个框架时,首先要去了解它的稳定版本以及现在的通用版本,目前很多解说视频都是推荐使用Bootstrap3版本。这是下载到电脑上的三个文件夹,里面还有几个对应的文件。今天我们说一下如何将其引入进自己所需的html文件中第一行代码是引入Bootstrap中的css文件,也就是css文件夹下的一个后缀为.css的一个文件,相当于引入一个外部的css代码库。当然这些都是别...原创 2020-01-12 11:24:01 · 207 阅读 · 0 评论 -
关于响应式布局
要加上<meta name=“viewport” content=“width=device-width,initial-scale=1”/这>句话,就可以让pc段的页面在手机上可以进行全面浏览。它可以根据设备的大小进行宽度自动调整PC端显示如下:移动端显示如下: 因为红色区域是不重要内容,所以我们可以将他在移动端所隐藏。利用:使用媒体查询的方式来使不重要内容在移动端不显示...原创 2020-01-09 14:22:05 · 121 阅读 · 0 评论 -
如何用html+js做一个倒计时
...倒计时30首先,要在body内写上![在这里插入图片描述](https://img-blog.csdnimg.cn/20190715090226414.png)设置它的倒计时为30s然后写它的js代码![在这里插入图片描述](https://img-blog.csdnimg.cn/20190715090435531.png?x-oss-process=ima...转载 2019-07-15 09:05:22 · 6431 阅读 · 0 评论 -
关于文字和盒子阴影制作
文字阴影:text-shadow(水平位置 垂直位置 模糊距离 阴影颜色 /水平位置 垂直位置必须要/)以下是一个例子盒子阴影:box-shadow(box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸 阴影颜色 内(inset)/外阴影(默认,无需设置))这个效果适合我们在做一些页面时,当鼠标放到一个盒子上时,内容浮起来,显示出阴影...原创 2019-04-24 19:50:50 · 198 阅读 · 1 评论 -
标签练习
adress(双标签):定义文档作者或拥有者的联系信息。bdo(双标签):改变文字方向datalist(双标签):搜索框列表del、ins(双标签):删除文本和下划线文本summary(双标签)为 details 元素定义可见的标题...原创 2019-03-27 07:29:25 · 263 阅读 · 0 评论 -
链接HTML外面的内容
引入css样式插入fontsome网页的小图标(icon)顶部图标原创 2019-03-23 18:34:24 · 128 阅读 · 0 评论 -
学习规范命名
头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单...转载 2019-03-23 18:25:22 · 198 阅读 · 2 评论 -
绝对定位与相对定位
绝对定位与相对定位position:relative;1.不影响元素本身的特性2.不使元素脱离文档流3.如果没有定位偏移量,对元素没有任何影响4.提升层级position:absolute;1.使元素完全脱离文档流2.使内嵌支持先高3.块属性标签内容4.如果有定位父级相对于定位父级发生偏移没有定位父级相对于document偏移5.相对定位一般都是配合绝对定位元素使用6。提升...原创 2019-03-23 17:59:31 · 131 阅读 · 0 评论 -
div+css测试
div是区块,在网页开发中,用来存放内容css 是层叠样式表,它的作用是用来规定div和div中的内容的位置和样式div+css 结合就可以做到把内容和样式分离,好处是1. 代码简洁,便于维护 2. 利于seo[搜索引擎优化] div+css css+div第一次测试 ...原创 2018-12-25 20:27:37 · 418 阅读 · 0 评论 -
HTML基本功
原创 2018-11-26 20:50:22 · 132 阅读 · 0 评论