01 2021 档案

 
弹性盒子和预处理
摘要：弹性盒子和预处理 弹性盒子 弹性盒子是CSS3的一种新的布局模式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间。 display flex inline-flex 设置flex布局后，子元素的float、clear和vertical-alig 阅读全文
posted @ 2021-01-12 16:30 热河噜啦 阅读(61) 评论(0) 推荐(0)
常用标签属性及文本溢出处理
摘要：表单标签 注册和登录 目的：收集用户信息,能够输入内容 input标签 text 文本输入类型 <input type="text" name="username"> password 密码类型 <input type="password" name="password"> radio 单选按钮 < 阅读全文
posted @ 2021-01-09 17:00 热河噜啦 阅读(237) 评论(0) 推荐(0)
CSS3过渡、变换与动画
摘要：CSS3过渡、变换与动画 CSS3过渡属性 通过CSS3可以在不使用Flash动画或JavaScript的情况下，为元素从一种样式变 换为另一种样式时添加效果。而CSS3过渡就是元素从一种样式逐渐改变为另一种的效果。 要实现这一点，必须规定两项内容： 规定你希望把效果添加到哪个CSS属性上 规定效果 阅读全文
posted @ 2021-01-09 16:38 热河噜啦 阅读(172) 评论(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 热河噜啦 阅读(130) 评论(0) 推荐(0)
HTML5中新增的标签&兼容性问题
摘要：HTML5中新增的布局标签 html 1990 html4.0.1 1997 html5 2008 稳定版 2012年 新增的结构标签 （更加语义化） header标签 <header>这里是头部区</header> footer标签 <footer>这里是页脚区</footer> main标签 < 阅读全文
posted @ 2021-01-06 21:18 热河噜啦 阅读(76) 评论(0) 推荐(0)
多栏布局（圣杯&双飞翼） 真假等高
摘要：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 热河噜啦 阅读(93) 评论(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 热河噜啦 阅读(59) 评论(0) 推荐(0)