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

前端技术 2023/09/01 CSS

一、常见的页面布局在拿到设计稿时，作为一个前端人员，我们首先会做的应该是为设计图大致地划分区域，然后选择一种最合理的，结构清晰的布局。下面我先根据一些典型的网站案例列举一下几种常见的页面布局。 1、T型布局这个是我们比较常见的布局，其页面的顶部一般放置横网站的标志或Bann...

CSS中display:block的作用介绍

前端技术 2023/09/01 CSS

<div>是块元素，那在布局时候，在div的元素里面写display：block有用吗？回答：对所有的块元素都没有意义，块元素的dispaly属性默认值为block，没必要再显式定义——除非你之前对块元素的display属性重新定义过。 =====...

前端技术 2023/09/01 CSS

本文为大家分享了一个侧边导航栏css示例，供大家参考，具体内容如下效果图： html： XML/HTML Code复制内容到剪贴板 <div class=\"sidebar\"> <ul> <li&gt...

让IE 6,7,8模拟部分的css3属性

前端技术 2023/09/01 CSS

在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜基本语法：filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）...

深入剖析CSS变形transform(3d)

前端技术 2023/09/01 CSS

目录[1]坐标轴 [2]透视 [3]变形函数 [4]透视函数 [5]变形原点 [6]背景可见 [7]变形风格前面的话本文将详细介绍关于transform变形3D的内容，但需以了解transform变形2D为基础。3D变形涉及的属性主要是transform-origin、tr...

前端技术 2023/09/02 CSS

媒体属性大多数媒体属性带有“min-”和“max-”前缀，用于表达“小于等于”和“大于等于”。这避免了使用与HTML和XML冲突的“<”和“>”字符。如果你未向媒体属性指定一个值，并且该特性的实际值不为零，则该表达式被解析为真。注意：如果浏览器运行的设备上没有该...

前端技术 2023/09/02 CSS

效果图如下：源码如下：复制代码代码如下: <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv=\"Content-Ty...

修改鼠标样式的CSS代码

前端技术 2023/09/02 CSS

鼠标的形状主要有：手形移动正在执行十字形文本编辑I 帮助等待文本编辑I 自动(遇到文本变I，遇到链接变手形，遇到可扩展边缘变向各方向拉伸形状……) 默认（箭头）向右变形(东east) 向右上变形向左上变形向上变形(北north) 向右下变形 ...

CSS鼠标点击改变图片透明度

前端技术 2023/09/02 CSS

很多时候在网站图片处理上需要实现一些辅助效果，比如鼠标在图片上滑动时或点击时改变图片颜色（变灰或者其他），其实一个简单的办法就是改变图片css透明度属性。如何改变呢？一种是纯css，一种使用jquery或者javascript代码控制。第一种使用:hover伪类选择器，本示例...

前端技术 2023/09/02 CSS

在IE6中设置display:block的空容器一个较小高度时，如<p style=\"height:1px;\"></p>，会发现其高度不能小于某个值复制代码代码如下: <p style=\"background: #f00; ...

关闭

我的博客