杭锦旗网页设计

CSS 长度值 px（像素）、em、% 百分比_CSS学习

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

很早之前就对pxem%百分比有很大的疑惑，在具体写的时候也只喜欢用px，因为em和百分比都需要使用相对尺寸，总体来说还是需要px作为基础，所以现在越来越多的人喜欢用上px作为主要长度值！长度单位总结一下，目前比较常用到px（像素）、em、%百分比，要注意...

CSS font字体缩写_CSS学习

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

网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码：body{ font-style:italic; font-variant:small-cap...

两个input之间或者input与button之间有空隙/间距（不能紧贴一起）解决方法！_CSS学习

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

如上图所示，代码如下：<formname="search"method="post"action="#"> &n...

CSS：图片列表 鼠标触发显示图片标题_CSS学习

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

还是zblog主题ydcms，写到了图片列表，触发动态显示图片标题，同时position定义演示站链接位置。<divclass="relates"> &...

zblogPHP模板文章编辑内容区H标签CSS_CSS学习

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

zblog模板制作的时候，文章内容区各种H标签是必须单独书写属性的，比如最重要的H2、H3、H4、H5，甚至H1最好也要写上，不少主题用户偶尔可能会在文章中使用H1。今天就来分享下上图所示的H标签CSS：<divclass="ar...

border:transparent透明边框_CSS学习

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

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

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

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

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

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

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

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

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

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

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

JavaScript基础_js/jQuery

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

浏览器支持目前没有浏览器支持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    共有: 3615 浏览

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