2021年1月12日

弹性盒子和预处理

摘要：弹性盒子和预处理弹性盒子弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 display flex inline-flex 设置flex布局后，子元素的float、clear和vertical-alig 阅读全文

posted @ 2021-01-12 16:30 热河噜啦阅读(48) 评论(0) 推荐(0) 编辑

2021年1月9日

常用标签属性及文本溢出处理

摘要：表单标签注册和登录目的：收集用户信息,能够输入内容 input标签 text 文本输入类型 <input type="text" name="username"> password 密码类型 <input type="password" name="password"> radio 单选按钮 < 阅读全文

posted @ 2021-01-09 17:00 热河噜啦阅读(209) 评论(0) 推荐(0) 编辑

CSS3过渡、变换与动画

摘要： CSS3过渡、变换与动画 CSS3过渡属性通过CSS3可以在不使用Flash动画或JavaScript的情况下，为元素从一种样式变换为另一种样式时添加效果。而CSS3过渡就是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：规定你希望把效果添加到哪个CSS属性上规定效果阅读全文

posted @ 2021-01-09 16:38 热河噜啦阅读(128) 评论(0) 推荐(0) 编辑

CSS新增选择器&CSS常用边框，背景属性

摘要： CSS3简介 CSS3是最新的CSS标准。 CSS3新增选择器属性选择器以box开头 <style> div[class^="box"] { background:red; }</style><div class="box">box</div><div class="abox">abox</di 阅读全文

posted @ 2021-01-09 16:11 热河噜啦阅读(106) 评论(0) 推荐(0) 编辑

2021年1月6日

HTML5中新增的标签&兼容性问题

摘要： HTML5中新增的布局标签 html 1990 html4.0.1 1997 html5 2008 稳定版 2012年新增的结构标签（更加语义化） header标签 <header>这里是头部区</header> footer标签 <footer>这里是页脚区</footer> main标签 < 阅读全文

posted @ 2021-01-06 21:18 热河噜啦阅读(47) 评论(0) 推荐(0) 编辑

2021年1月4日

多栏布局（圣杯&双飞翼）真假等高

摘要： day10 多栏布局解决方案圣杯布局 center left right ``` 双飞翼布局 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt 阅读全文

posted @ 2021-01-04 10:01 热河噜啦阅读(70) 评论(0) 推荐(0) 编辑

IE 浏览器常见兼容问题 &CSS Hack

摘要： IE 浏览器常见兼容问题兼容问题 ie中图片边框问题图片放在a标签中 img { border:none} ie8以下浏览器中背景复合属性的写法问题 .bg { background:url("./images/bg.jpg")no-repeat center} //解决方案：在url和no-r 阅读全文

posted @ 2021-01-04 09:36 热河噜啦阅读(49) 评论(0) 推荐(0) 编辑

2020年12月24日

CSS精灵&什么是BFC

摘要： PS常用工具移动工具移动工具主要负责图层、选区、等的移动、复制操作。快捷键：v 抓手工具快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。放大镜工具放大镜工具可以放大或缩小图像。放大：点击放大工具，点击图像。Ctrl+ 加号。按住 alt+ 鼠标滚动滚轮。缩小：点击缩小阅读全文

posted @ 2020-12-24 21:32 热河噜啦阅读(126) 评论(0) 推荐(0) 编辑

2020年12月23日

定位及CSS常见属性

摘要：定位的应用场景和基本原理定位的原理在本文流中 , 任何一个标签都被文本流所限制了自身的位置 , 但是通过 CSS 我们依然使得这些标签可以改变自己的位置 , 我们可以通过 float 来让标签浮动 , 我们也可以通过 margin 来让标签产生位置移动。 CSS 定位属性，允许定义标签框相对于阅读全文

posted @ 2020-12-23 21:24 热河噜啦阅读(50) 评论(0) 推荐(0) 编辑

2020年12月22日

浮动及清浮动的方法

摘要：浮动什么是浮动？标签的浮动是指设置了浮动属性的标签会脱离标准流的控制，移动到其父标签的指定位置浮动属性 float left right none 默认浮动的作用图文环绕页面布局浮动的问题标签浮动以后，脱离的正常文档流，导致父标签无法被撑开，会影响后续正常布局清浮动的几种方法给浮阅读全文

posted @ 2020-12-22 18:50 热河噜啦阅读(56) 评论(0) 推荐(0) 编辑