完全透明 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
