css
文章平均质量分 83
Cx330—bx
打工人
展开
-
css页面布局技巧+css初始化: margin负值运用+文字围绕浮动元素+行内块巧妙运用+CSS 三角强化+Unicode编码字体
css常见布局常见布局技巧margin负值运用文字围绕浮动元素行内块巧妙运用CSS 三角强化 案例原理代码参考CSS 初始化常见布局技巧margin负值运用让每个盒子margin 往左侧移动 -1px 正好压住相邻盒子边框<style> ul li { float: left; list-style: none; width: 150px; height: 200px;原创 2021-04-04 21:53:34 · 182 阅读 · 0 评论 -
css元素的显示与隐藏 display显示隐藏 +visibility显示隐藏 +overflow溢出显示隐藏
css元素的显示与隐藏display显示隐藏元素visibility显示隐藏元素overflow溢出显示隐藏display显示隐藏元素display 设置或检索对象是否及如何显示。display: none 隐藏对象display:block 除了转换为块级元素之外,同时还有显示元素的意思。特点: display 隐藏元素后,不再占有原来的位置。visibility显示隐藏元素visibility 属性用于指定一个元素应可见还是隐藏。visibility:visible ; 元素可视原创 2021-04-02 19:47:10 · 1036 阅读 · 0 评论 -
css高级技巧 精灵图+字体图标+三角+用户界面样式+vertical-align 属性应用+溢出的文字省略号显示
css高级技巧精灵图精灵图的使用字体图标1.产生原因2.优点总结:字体图标的下载字体图标的引入字体图标的追加字体图标加载的原理:精灵图(_软件:Adobe Fireworks CS6)精灵图的使用使用精灵图的核心:主要使用于背景图片,将多个小背景图合成一个大的图片中大图片称为:sprites 精灵图 或者 雪碧图使用:+ 1. 移动图片位置{background-position(背景位置)}+ 2. 移动图片的距离就是目标图片的x和y坐标{网页中,从x左到右递增,y从上到下递增(x轴右原创 2021-04-03 18:29:41 · 535 阅读 · 0 评论