完全透明 background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF)//background-col ...
分类:
Web程序 时间:
2021-05-24 16:21:53
阅读次数:
0
字体类样式我们已经学习过字号font-size、字体font-family两个属性,接下来还有几个常用的字体属性。 粗细 font-weight: 作用:设置文字是否加粗显示。 属性名:font-weight,属于 font 属性的一个单一属性。 属性值有两种方式:单词类型、数字类型。 单词类型: ...
分类:
Web程序 时间:
2020-12-10 11:25:47
阅读次数:
10
当我们在网站中引入外部链接的时候往往使用的是 <a href="" target="_blank"></a> 大家都喜欢target="_blank", 因为新页面打开不影响原来的页面。但是这个存在安全问题, 由target="_blank"打开的页面, 可以通过window.opener访问原来的 ...
分类:
Web程序 时间:
2020-07-18 11:27:41
阅读次数:
169
平时写CSS样式不注意总结,用的时候写是会写但具体应用场景和组合方式一不小心就混淆,导致效率不高,还要借助文档,本文针对CSS常用样式水平垂直居中解决方案进行总结,也便于自己以后复习,好记性不如烂笔头。针对BFC,主要需要了解其触发条件,具体深入理解及使用还需要联系实际应用。 首先通过一个思维导图更 ...
分类:
Web程序 时间:
2020-06-20 00:47:40
阅读次数:
87
网上摘录常用css片段 垂直水平居中 /*绝对定位 + 未知宽高 + translate*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*flex 轻松搞定水平垂直居中(未知宽高*/ dis ...
分类:
Web程序 时间:
2020-06-14 23:22:57
阅读次数:
85
一、三栏布局 三栏布局实现的是中间自适应宽度,两边固定宽度的布局,中间栏要放在文档流前面,以实现优先渲染。圣杯布局、双飞翼布局都是三栏布局的效果只是实现的方式不一样。 1.圣杯布局 <div id="container"> <div id="main" class="col"> #main </di ...
分类:
Web程序 时间:
2020-06-08 10:45:08
阅读次数:
65
css样式中有很多简写方式,比如:设置背景,字体,边框,盒子等。我们都可以把css代码合并为一行,这篇文章将总结有哪些属性支持css简写。 1、背景background属性 background-color:#F00; background-image:url(header_bg.gif); bac ...
分类:
Web程序 时间:
2020-06-06 16:48:08
阅读次数:
66
上次给大家简单介绍了html与css的基本组成部分,这一期给大家介绍下css的选择器吧! 先给大家讲几种比较常用的吧。第一种基础选择器,类选择器,它的书写方式为.加上类名,类名是自定义的,写类名最好是见名知意,给大家举一个例子吧 <div class"shop"> .shop{ color:red; ...
分类:
Web程序 时间:
2020-05-31 21:37:45
阅读次数:
234
CSS-Layout 旨在打造详尽的前端布局代码学习库(自从用了框架开发,CSS生疏了不少,所以开这个库练练手)SF不能正确解析含有中文的网址,所以某些预览链接无法跳转,请访问我的博客阅读此文 常见定位方法 水平居中 子元素为行内元素还是块状元素,宽度一定还是宽度未定,采取的布局方案不同。 方案选择 ...
分类:
Web程序 时间:
2020-05-16 20:22:32
阅读次数:
88
一、浮动框可以向左或向右移动,直到外边缘碰到包含框或另一个浮动框边框为止。 常用浮动:float:left(向左); float:right(向右); 加上浮动之后 还要清除浮动: .cl::after{ content: ""; display: block; clear: both; } 二、 ...
分类:
Web程序 时间:
2020-05-09 18:40:18
阅读次数:
83