随笔分类 -  html/css积累

摘要:效果图一: 效果图二: 以下使详细介绍:今天的主角是-webkit-background-clip: text;/使用了这个属性的意思是,以区块内的文字作为裁剪区域向外裁剪,文字的背景即为区块的背景,文字之外的区域都将被裁剪掉。/background-clip 属性规定背景的绘制区域简单试炼:参照w 阅读全文
posted @ 2022-02-15 10:31 微光半夏星 阅读(4136) 评论(0) 推荐(0)
摘要:通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题 现在有很多人的IE浏览器都升级到IE9以上了,所以这个时候就有又很多诡异的事情发生了,例如现在是IE9的浏览器,但是浏览器的文档模式却是IE8 为了防止这种 阅读全文
posted @ 2021-02-24 11:06 微光半夏星 阅读(578) 评论(0) 推荐(0)
摘要:代码片段如下: 1 @media (min-width:800px) and (min-height:400px){ 2 /*code*/ 3 } 上面代码表示当宽度大于等于800px且高度大于等于400px的时候应用相应的css代码。 再看看一下没有min或者max前缀的情况,代码如下: 1 @m 阅读全文
posted @ 2020-03-03 08:41 微光半夏星 阅读(5137) 评论(0) 推荐(0)
摘要:布局步骤 布局步骤 第一步: 清除默认样式第二步: 划分模块第三步: 设置模块的大小以及位置第四步: 划分下一级模块html和css引入网页头像<link rel="shortcut icon" href="img/...ico">css样式表的引入方式 css样式表的引入方式1、外链式 <link 阅读全文
posted @ 2019-09-17 10:46 微光半夏星 阅读(2177) 评论(0) 推荐(0)