环保时尚网页设计平台官网

border:transparent透明边框_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3648 浏览

 今天在写一个zblog主题的时候，用到了border属性中的透明边框，也就是border:transparent。那么CSS中为什么要使用透明边框呢？如上图，要使img:hover触发显示2px的白色边框，为了保持图片在触发的时候不变形，所以在触发之前的im...

zblogPHP模板纯CSS实现多级子分类下拉菜单_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3615 浏览

今天开始写zblog模板ydcms了，菜单用一个纯CSS的多级子分类下来菜单，包括各种触发:hover触发变背景色功能！本文分享的HTML和CSS代码不限程序，使用的时候酌情修改其中的文字颜色背景颜色即可！HTML代码：<div...

CSS小技巧:border-style:?double制作三横线_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3609 浏览

border-style:double有一个用途很有意思了，就是可以单纯的依靠border制作三横线！如上图的代码：{ width:120px;height:20px; border-top:60pxdouble; border-botto...

JavaScript-提问（prompt 消息对话框）_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3630 浏览

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法:prompt(str1,str2);参数说明：str1:要显示在消息对话框中的文本，不可修改 str2：文本框...

JavaScript基础_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3598 浏览

1、基础<pid="p1">我是第一段文字</p> <pid="p2">我是第二段文字</p> <scripttype="te...

清除浮动的三种方法 clear: both、width: 100%;overflow: hidden、换行_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3639 浏览

在写网页的时候经常会遇到各种浮动，比如你使用了float，就会造成紧跟在其后的元素产生影响，比如<style>    .box1{float:left;}   .box2{}</style&g...

CSS小技巧：position:absolute以及float:left/right都可以使用元素变为display:inline-block（块状元素）_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3633 浏览

有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none除外）设置以下2个句之一：1.position:absolute2.float:left...

css :after伪类+content使用说明和方法_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3649 浏览

首先，这段代码中的content:&quot;.&quot;;有什么用，解决了什么问题，为什么要用他？content属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的框类型可以用属性display控制。.clearfix:afte...

修改输入框placeholder文字默认颜色-webkit-input-placeholder_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3618 浏览

在input、textarea等标签中可能需要用到placeholder，默认是灰色的，但如果输入框有复杂的配色，这时候可能就会对默认提示文字placeholder进行颜色设置，所以本文就是来分享如何修改placeholder文字默认颜色的：先看案例：input{col...

onkeydown - 事件会在用户按下一个键盘按键时发生。_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3625 浏览

onkeydown定义和用法onkeydown事件会在用户按下一个键盘按键时发生。语法onkeydown=&quot;SomeJavaScriptCode&quot;参数描述SomeJavaScriptCode必需。规定该事件发生时执行的JavaScript。支持...

CSS -webkit-line-clamp限制文本行数_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3640 浏览

-webkit-line-clamp限制在一个块元素显示的文本的行数。-webkit-line-clamp是一个不规范的属性（unsupportedWebKitproperty），它没有出现在CSS规范草案中。为了实现该效果，它需要组合其他外来的WebKit...

content: attr(data-content);鼠标触发显示悬浮提示_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3596 浏览

adsfasfdaf如果你需要做各种悬浮提示，比如各个方向的悬浮提示，同时带各种特效，可以参考之前分享的一篇文章：《CSS纯CSS提示文字，问号弹出提示文字》纯CSS集成小组件！csscontent的attr实现鼠标悬浮...

CSS3 box-sizing: content-box|border-box|inherit;属性使用方法_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3615 浏览

在最近学习CSS的时候，遇到过很多次box-sizing，特别是一些前端高手写的模板，box-sizing经常遇到，学习前端入阶的话也必须搞清楚这个属性！下面是复制来自于网络上的box-sizing:content-box|border-box|inherit;box...

CSS3 box-orient：horizontal|vertical 水平垂直排列子元素 属性_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3638 浏览

浏览器支持目前没有浏览器支持box-orient属性。Firefox支持替代的-moz-box-orient属性。Safari、Opera以及Chrome支持替代的-webkit-box-orient属性语法：box-orient:hor...

CSS word-wrap:break-word; word-break:break-all; 数字字母过长自动换行，二者又有什么区别？_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3639 浏览

word-wrap:break-word;意思就是让文字自动换行，重要的是所有浏览器IEchrome360firefoxopera等浏览器全部兼容支持！&lt;style&gt; p.test{ width:11e...

zblogphp本站已经安全运行N天(安全运行时间)特效代码_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3648 浏览

之前有zblogPHP模板客户要求在模板页脚加入网站安全运行时间(安全运营多少天)特效，所以只能去百度寻找相关代码，发现@李洋就有分享，今天特转备份！HTML代码：&lt;divclass=&quot;day&quot;&gt;本站已经安全运行&lt;a&n...

长图(宽图)任何宽度浏览器内原尺寸居中，不产生导航条，超出使用背景色_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3606 浏览

之前写过一个《大图(宽图)在任意宽度浏览器内显示原尺寸、并居中、无导航条CSS》本文的分享来自于我今天的一个zblog模板仿站单子，比之前分享的方法代码要跟精简，所以还是建议之前之前的特效代码（兼容性本文的更好），所以今天这个也必须分享出来：一样的功能，不一样的代码，都...

html - 多行文本输入textarea标签_html标签

新闻来源：网络整理    2023-3-4    共有: 3642 浏览

多行文本输入框textarea&lt;textarea&gt;标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是Courier）。可以通过cols和rows属性来规定textarea的尺寸，不过更好的办法是使...

jQuery 学习快速入门_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3610 浏览

jQuery快速入门&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;第一个程序&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&

jQuery 如何下载和安装？_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3648 浏览

1.jQuery的下载可以去http://jquery.com/，截图如下：2.点进去之后，选择合适的版本下载就可以了，截图：根据jQuery版本需要进行下载，如果没有特殊需要，就下载最新版即可！3、把下载的文件引入到网页中，jQuery可放在页头&n...