在线css兼容性处理地址:autoprefixer.github.io
转载 2017-09-19 22:16:00
1448阅读
扩展容器层高度: 父标记没有设置高度,子标记设置了浮动时,父标记的高会比内容高度小,造成页面不美观,必须想办法扩展其高度 1.用clear样式扩展高度 方法:在父标记中添加一个空的div标记,并设置样式 clear:both; margin:0px; padding:0px; 2.用overflow
转载 2016-11-05 21:59:00
100阅读
2评论
.overlay{ display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:9998;
转载 2023-06-29 17:37:09
272阅读
...
转载 2017-03-29 17:09:00
781阅读
2评论
...
转载 2017-03-29 17:09:00
335阅读
2评论
CSS效果当前页面div半透明遮罩效果:.div-hide{ filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5; }弹出div居中对齐:.pop-div{ display: none; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50
原创 2023-04-28 15:41:32
71阅读
CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。
转载 2019-08-28 10:48:00
344阅读
2评论
来源 | https://www.fly63.commask简介CSS的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的,mask的值有这些:mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-rep
转载 2024-01-17 10:19:16
158阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载 2010-12-12 17:28:00
99阅读
2评论
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写: p{ text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/ } 如果font-size是12px的话,那么text-indent: 2em则缩进24px。 web标准推荐如下字体定义方法: body { font-family : "Lucida Gr...
转载 2008-08-05 01:39:00
165阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载 2010-12-12 17:28:00
102阅读
2评论
我是内容内容部分需要屏幕居中显示px; height: px;">
转载 2015-06-16 17:18:00
256阅读
2评论
CSS 遮罩,背景渐变 html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="basic.css"> </head> <body> <div cl
原创 2024-06-18 11:00:13
93阅读
目录一、Hello CSS二、CSS语法三、选择器1、元素选择器2、id选择器3、类选择器4、同时根据元素名和类名来选择四、注释五、CSS文件六、CSS优先级七、CSS基础1、尺寸2、背景3、文本4、字体5、鼠标样式6、表格7、边框8、内边距9、外边距10、边框模型11、超链状态12、隐藏八、CSS布局1、绝对定位2、相对定位3、浮动4、显示方式5、水平居中6、左侧固定7、垂直居中8、左右固定9、
转载 2024-01-26 10:23:11
106阅读
为了让html元素在网页中精确定位,就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位(positioning)属性来支持布局模型。模型有三种形式:1、绝对定位(position: absolute)如果想为元素设置模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载 2010-12-19 15:52:00
416阅读
2评论
导入样式表 <style> @import url(XXX.css) </style> 导入样式表比链接样式表慢设计代码的结构
原创 2023-01-03 11:51:10
63阅读
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载 2010-12-19 15:52:00
329阅读
2评论
以前我还是很懂z-index的,直到看了这篇文章
原创 2022-10-13 14:46:29
116阅读
CSS3简介: CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言。 CSS3是CSS的最新版本,增加了大量的样式、动画、3D特效和移动端特性等。 前端三: 语言 功能 结构 HTML 搭建结构、放置部件、描述语义 样式 CSS 美化页面、实现布局 行为 Javascript 实现交互效果、数据收发、表单验证 CSS使样式和结构分离: CS
转载 2024-03-04 10:45:05
62阅读
  • 1
  • 2
  • 3
  • 4
  • 5