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

前端技术 2023/09/06 CSS

原文 The 30 CSS Selectors you Must Memorize 由 Jeffrey Way 发表于 2012 年 6 月，介绍了 30 种最常用的 CSS 选择器用法，多加了一种，变成了牢记 31 种选择器用法。其他 CSS3 选择器用法请查看 CSS3 s...

前端技术 2023/09/06 CSS

测试环境是chrome浏览器 Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.132 Safari/537.36 css样式 div{　　cursor:ur...

前端技术 2023/09/06 CSS

背影图片的左上角相对当前元素左上角的坐标。右为X轴正半轴, 下为Y轴正半轴当前元素左上角坐标为 0,0 默认图片的左上角正对当前元素的左上角如果图片想向左移 10px; 复制代码代码如下: background:url(images/hh.gif) no-...

纯CSS3代码实现文字描边

前端技术 2023/09/06 CSS

CSS3作为新兴的前端技术可以实现很多复杂变化的效果，比如文字描边。这里主要用到text-shadow属性，顾名思义就是为文字加上阴影效果。例： CSS Code复制内容到剪贴板 text-shadow:10px 5px 2px #f60; /*text-shadow:x...

前端技术 2023/09/06 CSS

此方法可以应用到有特别多的链接菜单项目中，特别在移动项目中，它可以将所有菜单转换成一个按钮式的下拉菜单。 HTML 示例中有一个导航菜单的html结构，元素<nav>用来定位导航菜单，.current表示当前活动的导航项。复制代码代码如下:<ul> ...

前端技术 2023/09/06 CSS

对要素进行横向排列的时候，一般都会使用float, display:inline-block等方法。我们使用table-cell也可以简单的实现，利用table-cell来制作横向排列的好处我觉得有三点（呵呵呵，有些牵强） 1.float以及 clear:both都可以省略了；...

关于box-sizing的全面理解

前端技术 2023/09/06 CSS

---恢复内容开始--- box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 \"border-box\"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。...

前端技术 2023/09/06 CSS

如果你的div的高度是100px;那么你应该把行高设置成170左右（大约是div高度的二倍，具体的可以调，决定行高的主要原因是字体的大小），如果仅仅是这样的话，那么在IE6下就会出现div高度加倍的现象，解决的方法是在div的css样式里面加上overflow:...

前端技术 2023/09/06 CSS

也许你看到这个标题觉得很简单，确实这是一篇关于CSS中Position属性基础知识的文章，但是关于Position的一些细节也许你不了解。在实际开发页面布局时，运用position，对定位的块级元素的嵌套的效果总是不太理解，这里做了几个测试一般的在w3c中我们可以很容易的获...

前端技术 2023/09/06 CSS

线性渐变：ie6以下不兼容径向渐变：只支持firefox、Chrome和Safari 复制代码代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv=\"Content...

关闭

我的博客