CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/02 CSS

一个不是那么众所周知的技术就是我们可以在浏览器里美化被选择的文字的样式。Windows自身提供的是一种很难看的墨绿色的颜色，而苹果电脑上提供的是浅绿色。火狐浏览器，IE9，Opera和谷歌浏览器允许我们自定义被选择文字的颜色。让我来展示给你看： CSS代码复制代码代码如下:/*...

前端技术 2023/09/02 CSS

最近才知道css也有这么叼炸天的一面~~~ 做个类似论坛的页面，用户头像70px，但是用户名没法限定啊，英文中文都可以，你说他要是取个“我的名字好长呀，你该怎么办呢”，那老衲不就狂急了~~ 幸好，老衲于不幸中的万幸中发现了css这么叼炸天的一面，以前一直不知道，...

CSS media queries

前端技术 2023/09/02 CSS

最近在做一些页面打印时的特殊处理接触到了media queries，想系统学习一下，在MOZILLA DEVELOPER NETWORK看到一篇文章讲的很不错，结合自己的使用总结一下。 CSS2/media 在CSS2中可以使用media属性可以使特定style只在指定媒体类型...

前端技术 2023/09/02 CSS

最近在项目中，有很多地方都用到了线性渐变，比如：表单提交按钮的背景，数据展示的标题背景等等，按照以前的做法是切 1px 图片然后 repeat-x。下面我将介绍如何用 css 来完成该效果。 css3：linear-gradient 比如：黑色渐变到白色，代码如...

10个实用的CSS属性小结

前端技术 2023/09/02 CSS

1. Outline 在调试CSS问题的时候，我常常在指定元素上添加border来精确的查看该元素会发生什么并帮助确定问题的来源。这常常是有效的，因为它可以在布局上给我更加具体的可视性。但是如果是块级元素，这可能会发生某些错误——在任何块级元素上添加1px的边框很可能会影响...

前端技术 2023/09/02 CSS

这种可能是最好的方法，因为高度可以随内容改变，浏览器支持也不差。主要缺陷是会产生额外的标签，每一个需要居中的元素需要三个额外的HTML标签。 HTML: XML/HTML Code复制内容到剪贴板 <div class=\"Center-Container is-...

更改上传按钮的样式示例

前端技术 2023/09/02 CSS

如果你曾经试过，你就会知道，用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的，他们长得很不一样。我们的目标是创造一个简洁，用纯CSS实现的，在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样：　　步骤1.创建一个简...

前端技术 2023/09/02 CSS

浏览器支持 IE9/GoogleChrome/FireFox/Safari 效果图：代码下载html代码复制代码代码如下: <!DOCTYPE HTML> <html> <head> <title>纯html+c...

ie,360下html锚点失效问题解决

前端技术 2023/09/02 CSS

复制代码代码如下: $(function(){ var url = window.location.toString(); var id = url.split(\"#\")[1]; if(id){ var t = $(\"#\"+id).offset().top; $(win...

HTML CSS样式基础(必看篇)

前端技术 2023/09/03 CSS

一、css 1.什么是css？ Cascading Style Sheet 级联样式表改变样式的一个工具，说白了，就是为了让我们的页面好看， HTML底层封装了css这样一个工具。 2.怎么使用css a、style 风格、样式这个关键词写到标签内部，可以修改标签的样式注...

关闭

我的博客