本篇将介绍几个css小技巧，目录如下：
- 自定义引用标签的符号
- 重置所有标签样式
- 禁止文本选择
- 制作小三角形
2025年04月26日
在实际编程中我们经常会遇到下拉菜单的下三角和一些特殊的图形，那么这些如何用css来实现呢？
例1
例2
例3
原理：
仔细想想，原理非常简单，利用CSS的border以及它的属性值transparent来实现三角形,其中最主要的是要明白由于div的高度跟宽度都为0，margin，padding也为0，所以元素框的大小就是他的border的叠加，由于相邻border会重叠，故存在内容宽高时其实任意一边存在的border都是梯形的，当div内容宽高为0时，border就表现为三角形，将四个border的颜色设置为transparent表示边框透明，而将右边框颜色再设置为红色就发现三角形出现了，其实这个三角形是你设置颜色的边框。
2025年04月26日
css知识点回顾
1.嵌入css代码的四种方式:
1).内嵌模式:
<a style = "width:80px;height:90px;" href = "http://www.baidu.com/" target = "_blank">百度</a>
2).内部样式
<style>
2025年04月26日
CSS的position属性用于指定元素在文档流中的定位方式，position属性和top、bottom、left、right属性一起决定元素的最终位置。position属性拥有static、relative、absolute、fixed、sticky五个可选项，下面动画展示了一个吸顶导航菜单的样式，当向上滚动页面时导航菜单始终黏在顶部位置，使用sticky属性可以轻松实现这个效果。
2025年04月26日
1、Filter 属性介绍
设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象，如块对象。
内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属
性为 absolute，或者设定 display 属性为 block。请参阅对象的 hasLayout 属性。若要在
img 对象上应用 shadow 滤镜，可以在该对象 img 对象的父容器上应用。滤镜的机制是可扩展的。通过利用 Microsoft(R) DirectX(R) Media SDK，你可以使用 C++开发和使用第三方滤镜。该属性在 MAC 平台上不可用。对应的脚本特性为 filter。
2025年04月26日
最近接了个项目，PM 又来催：“登录弹窗能不能加点透明毛玻璃效果？活动标题再做点酷炫的渐变？对了，用户的反馈框能不能调整大小？”听完这要求，我脑袋直接嗡了：又想炫酷，又不想加班，这不扯嘛！
正当我愁得要改 JS 的时候，隔壁老王一脸淡定：“兄弟，这些 CSS 技巧轻轻松松搞定，少写代码，效果还好。”于是，我抱着试一试的态度研究了一波，才发现 CSS 的隐藏技能简直是“救命稻草”！今天就把这些技巧整理分享给大家，让你应对需求时不用慌，写出既高效又美观的代码！
2025年04月26日
CSS(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言
CSS的作用
2025年04月26日
盒子模型
盒子模型是我们在CSS网页布局中必不可少的东西。网页中的盒子模型用来存放网页中的各个元素，每一个可见的HTML元素都是一个盒子，这些盒子通过嵌套、叠加或者排列等方式组织在一起，形成我们所看见的页面。
一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）。会发现margin、border、padding是CSS属性，因此可以通过这三个属性来控制盒子的这三个部分，而content则是HTML元素的内容。如图：
2025年04月26日
<div id="parent">
<!-- 定义子级元素 -->
<div id="child">居中布局</div>
</div>通过以下CSS样式代码实现水平方向居中布局效果
Powered By Z-BlogPHP 1.7.4