随笔分类 - HTML+CSS
摘要：.nav{ float: left; } .nav ul li { float: left; position: relative; } .nav ul li a{ color: #FFF; font-size: 16px; line-height: 80px; margin: 0 25px; }
阅读全文
摘要：p{ width: 100px !important; } ###用一些前端框架,源文件修改不便时 可以这样用
阅读全文
posted @ 2020-12-09 10:18
六人行
摘要：###html鼠标滚动后导航栏吸顶效果 <!doctype html> <html> <head> <meta charset="utf-8"> <title>html鼠标滚动后导航栏吸顶效果</title> <style> * { padding: 0; margin: 0 } ul, li {
阅读全文
摘要：vh就是当前屏幕可见高度的1%，也就是说 height:100vh == height:100%; 但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0， 但是设置height:100vh，该元素会被撑开屏幕高度一致。 vh/vw vh: 相对于视窗的高度, 视窗被均分
阅读全文
摘要：访问首页必须输入index.html文件名，直接访问域名无法打开 ####第一种方法,在主机管理平台设置,下面万网主机设置方法图 ####第二种方法,在网站根目录下创建web.config，并输入以下代码也可以设置默bai认首页。 <?xml version="1.0" encoding="UTF-
阅读全文
摘要：1.使用<a>标签来完成 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a> 这样当用户打开浏览器点击链接的时候就会直接下载文件。 但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打
阅读全文
摘要：CSS中 html中 结果
阅读全文
摘要：###css中图片于文本的基线对齐与vertical-align属性设置 文字旁边搭配图片时，发现图片比文字靠上，原来默认的情况是图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐。 设置各对象的vertical-align属性，属性说明： baseline－将支持valign特性的对
阅读全文
摘要：1、first-child first-child表示选择列表中的第一个标签。代码如下： li:first-child{background:#090} 上面的意思是，li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签，代码如下：
阅读全文
摘要：###背景图加在内容下面,鼠标滚动背景图不动 background-attachment: fixed; background: url(../images/bj_feicai.jpg)no-repeat; background-size: 100% 100%; background-attachm
阅读全文
摘要：###html 标签添加小手样式 span{ cursor: pointer; }
阅读全文
摘要：###为什么要使用href=”javascript:void(0);” href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址， 而void(0)表示一个空的方法，也就是不执行js函数。 为什么要使用href=”javascript:vo
阅读全文
摘要：### 解决方法一 首先想到去看CSS3有没有什么属性可以实现，后来被我找到了text-stroke 该属性是一个复合属性，可以设置文字宽度和文字描边颜色 该属性使用很简单：text-stroke:1px #f00;（1px是文字宽度，#ff是文字描边颜色） .stroke { -webkit-te
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery.js"> </script> <style> *{ padding: 0; margin: 0; } #p1{ background: pink;
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="https
阅读全文
摘要：bootstrap鼠标移入导航展开下拉菜单则加以下jq代码： $(function () { $(".dropdown").mouseover(function () { $(this).addClass("open"); }); $(".dropdown").mouseleave(function
阅读全文
摘要：<script> var swiper = new Swiper('.swiper-container', { reverseDirection: true, //反向轮播 默认：false disableOnInteraction: false, //true: 触碰后自动切换停止 false:
阅读全文
摘要：分析： 1，原因是什么导致的呢？网上说：Html页面在手机端出现右边空白是因为：body里有一个div把页面撑宽了，就是儿子的宽度比父亲，或者祖辈大就会出现这种 情况网页右侧留白 ，用：内部div最好不要定宽（可以定高），尽量用百分比。 老大分析： 把元素删除看看到底是哪个元素引起的，然后，全部都删
阅读全文
摘要：html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageT
阅读全文
摘要：bootstrap 栅格单位为 、1/12 整数倍 平均 3 4 6 等分都是没有问题的，但是五等分是有些困难的。 .home .col-xs-3 { width:20%;} 等于重新定义了栅格宽度，这样每行刚好5个。 .col-xs-3 前面要加父级.
阅读全文
浙公网安备 33010602011771号