![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5+CSS3 小白进行时
一名假人
已经不是大学了,要开始工作了,继续记录自己的成长。
展开
-
前端技巧:设置四周半透,中间不透明的效果
效果展示四周的灰色就是透明的代码实现<head> <style> #one { width: 200px; height: 200px; border : 50px solid rgba(0, 0, 0, .3) } </style>...原创 2020-02-25 09:25:54 · 784 阅读 · 0 评论 -
JS获取当前的地址栏信息
JS获取当前的地址栏信息前提声明:此篇文章非原创,转自:https://www.jb51.net/article/82519.htm在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1 1、...转载 2020-07-12 10:18:11 · 2904 阅读 · 0 评论 -
<a> 标签的使用
做为引用链接 a标签也称之为超链接,锚链接。它最常用的功能就是定义一个文字、图片、视频、音乐…………等等的链接。如< a href=”xxxxxxx”>xxxx这就是定义好一个链接了。href:此属性后面要填写跳转目标的地址。作为页面跳转标签除此之外还可以通过name属性做到跳转到页面的某个位置< a href=“#tips”/>< a name=”t...原创 2019-05-26 16:48:14 · 378 阅读 · 0 评论 -
关于IE8 IE9 兼容性问题
background属性在IE8 IE9中 不支持background的连写,但是可以写到 repeat属性background:url(’’) no-repeat定位就要分开写了;不支持background-size属性网上主要说是两种解决方法一种是使用.htc文件一种是使用滤镜。但是前者我不知道怎么去使用,一直没有成功过。第二种成功了。.div{background:url('...原创 2019-05-26 16:28:23 · 1556 阅读 · 2 评论 -
查询CSS属性都支持那些浏览器
最近再写网页的时候,由于第一次写没有顾虑的,社会上普遍还是使用的以IE内核为主的浏览器,而且有的时候内核只支持IE8,导致很多的属性无法正常使用。因此从网上了解到这个网站:https://caniuse.com/ 。大家可以直接在网站中间的搜索栏直接输入要查询的css属性即可...原创 2019-05-26 16:07:55 · 605 阅读 · 0 评论 -
使360浏览器自动使用最高IE内核
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">具体的调试可以参考360浏览器给出的文档:https://browser.360.cn/se/help/ker...原创 2019-05-26 16:01:59 · 795 阅读 · 0 评论 -
css3颜色表达方式
Css颜色的表示方法有五种,但是最常用的有四种:1. 颜色的关键词如:blue red yellow2. 十六进制值,如 #fff 对应的进制值如果不嫌麻烦可以在ps里获取3. RGB:rgb(255,0,0) 通过红色、绿色和蓝色的值4. RGBA:rgba(255,0,0,0.5) 这个想比rgb多了“A”,而这个值是颜色的透明度,0-1 0是完全透明 1是不透明对于最后一种表示方法...原创 2019-05-26 15:49:07 · 333 阅读 · 0 评论 -
H5 CSS3 float浮动小结
这篇文章是使我平时写网页时的经验以及在网上看到的一篇文章所总结的。那个大佬的总结在最后有链接,大家可以好好看看。什么是浮动首先要了解什么是浮动:脱离文档流,默认在当前的行对既定的方向进行移动(默认横排)。用浮动可以解决什么问题使用浮动之前我们要想明白浮动都可以解决什么问题:比如我们要放一排的div或是img,我们故可以通过调试margin之类的属性解决,但是有时会发现即便如此有时仍会产生空...原创 2019-05-26 15:41:25 · 787 阅读 · 0 评论 -
overflow:hidden 的妙用
取消的滚动条在自己写一写网页的时候,有一个要求就是写的网页不能出现水平的滚动条,以免影响网页的观看的效果。这时就可以对body设置overflow-x:hidden 用来取消水平的滚动条。除此控制显示区域在写类似于轮播图的时候,我们只让一个固定的div中显示图片,而其子图片标签则通过animation之类的动画控制移动。结构如:<div> <img><...原创 2019-05-26 13:44:08 · 803 阅读 · 0 评论 -
H5 CSS3 解决块级元素横排时的间隙
使用float横排时使用浮动在这里插入代码片可以给要横排的元素加上float。这样就可以解决了。但是由于浮动会脱离文档流,一般要在最后清除浮动即可。使用inline-block横排时2. 设置全局属性*{margin:0%;height:0%}3. font-size:0px;有的时候2就可以了,但是有时候依然会出现空隙,就可以给这些横排的元素的父div设置font-size...原创 2019-05-26 12:37:53 · 492 阅读 · 0 评论 -
margin:0 auto 不起作用的原因
块级元素的定位是绝对定位,即position:absolute。因为margin可以理解为,规定该元素与其他元素的距离。那么就说明该元素应在文档流之中,这样才能计算auto。块级元素应该没有给定的宽度。如width:10px 或是width:10%等总结 块级元素 定位不要absolute可以是relative其他原因目前并没有找到,希望大家留言补充,共同进步!...原创 2019-05-26 12:22:01 · 9178 阅读 · 2 评论 -
CSS的3d翻滚特效
注:本篇文章是笔者,刚接触CSS时所写,一些理解或是解释可能有错,希望大家指正讨论共同进步。刚开始写网页时总会有很多困难,其中用CSS来实现简单的特效,便是难点之一,当然所有的难点共同之处便是,一次性出现过多的新名词导致无从下手。而这次便是分享一下用CSS的写特效时所用的一些属性。当然用CSS3写特效之前要准备好一些提前工作:div盒模型的了解position 的relative abs...原创 2019-03-31 00:13:51 · 1280 阅读 · 0 评论