css
qianqian_blog
前端小白,正在学习前端,有喜欢的可以一起学习啊
展开
-
CSS 样式的用法
内联样式- 在HTML元素中使用"style" 属性 (列如在div中设置单独的样式)内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS注:当单个文件需要特别样式时,就可以使用内部样式表。你可以在<head> 部分通过 <style>标签定义内部样式表: 外部引用 - 使用外部 CSS 文件...原创 2018-10-19 09:24:31 · 190 阅读 · 0 评论 -
使用JavaScript做的计算器
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> /*样式部分*/ <style> *{ margin: 0; padding: 0;}.tab{ border: 5px solid gainsboro; border-collapse: collapse;...原创 2018-10-19 16:54:51 · 326 阅读 · 0 评论 -
前端项目引入icon图标
一般的网页都是有icon图标的,例如CSDN论坛的网页引用图标时,我们如果不想自己制作,可以引用网站里的了,引用的方法如下:在网页地址栏后输入/favicon.ico就可以找到啦如下图(然后保存).注意保存的小图标要放到你项目的根目录下,这样方便查找下面就是如何引用啦,放到标签里代码在这,直接复制粘贴`下面我们的网页就成功的引用了图标,效果图如下 如果我们想自己设计个小图标该...原创 2018-10-19 21:19:10 · 1677 阅读 · 0 评论 -
关于如何使用图标字体的方法做项目会用到哦。
一般我们在查看网页的时候都会发现它用了很多这种小图标,以这个小定位图标为例,给大家详细说明如何引入图标字体到自己的网页吧。如何下载图标https://icomoon.io/(可以下载字体图标的地址)然后点击iconMoon App就可以选择自己想要的图标字体啦选择好之后,点击Generate Font(查看自己选择的小图标)进来查看自己选择的图标,没有问题的话就可以下载啦下...原创 2018-10-21 20:12:08 · 129 阅读 · 0 评论 -
关于CSS中z-index的用法
我们经常在做网页的时候,想让后面的元素覆盖前面的元素该怎么做呢,这时候就会用到z-index,关于z-index的用法如下:对于同级元素,默认情况下文档流后面的元素会覆盖前面的。对于同级元素,position定位不是static的时候,z-index大的元素会覆盖z-index小的元素,即z-index越大优先级越高如果想让前面元素覆盖后面元素的时候,必须结合定位一起使用,可以给posit...原创 2018-10-23 20:45:30 · 171 阅读 · 0 评论 -
京东页面倒计时效果的制作
html代码<div class="flash-box1"> <a href="#"> <div class="flash-box1-title">京东秒杀</div> <div class="flash-box1-sal">FLASH&nbsp原创 2018-10-29 15:14:30 · 3510 阅读 · 3 评论 -
仿京东页面做的无延时下拉菜单
html部分代码<li class="shortcut-btn dropdown" onmouseover="showsunmenu()" onmouseout="hidesunmenu()"><i class="f10"></i><a href="#">北京</a&g原创 2018-10-26 18:48:52 · 1078 阅读 · 0 评论 -
制作轮播图代码
html部分&lt;div class="grid-col2-left container"&gt; &lt;div id="list" style="left: -590px;"&gt; &lt;img src="img/5bc6c696Nee225原创 2018-10-30 10:51:43 · 437 阅读 · 0 评论