2021年1月12日

弹性盒子和预处理
摘要： 弹性盒子和预处理 弹性盒子 弹性盒子是CSS3的一种新的布局模式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间。 display flex inline-flex 设置flex布局后，子元素的float、clear和vertical-alig 阅读全文
posted @ 2021-01-12 16:30 热河噜啦 阅读(51) 评论(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 热河噜啦 阅读(225) 评论(0) 推荐(0)
 
CSS3过渡、变换与动画
摘要： CSS3过渡、变换与动画 CSS3过渡属性 通过CSS3可以在不使用Flash动画或JavaScript的情况下，为元素从一种样式变 换为另一种样式时添加效果。而CSS3过渡就是元素从一种样式逐渐改变为另一种的效果。 要实现这一点，必须规定两项内容： 规定你希望把效果添加到哪个CSS属性上 规定效果 阅读全文
posted @ 2021-01-09 16:38 热河噜啦 阅读(163) 评论(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 热河噜啦 阅读(119) 评论(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 热河噜啦 阅读(73) 评论(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 热河噜啦 阅读(78) 评论(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 热河噜啦 阅读(55) 评论(0) 推荐(0)
 
 

2020年12月24日

CSS精灵&什么是BFC
摘要： PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键：v 抓手工具 快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。 放大镜工具 放大镜工具可以放大或缩小图像。 放大：点击放大工具，点击图像。Ctrl+ 加号。按住 alt+ 鼠标滚动滚轮。 缩小：点击缩小 阅读全文
posted @ 2020-12-24 21:32 热河噜啦 阅读(128) 评论(0) 推荐(0)
 
 

2020年12月23日

定位及CSS常见属性
摘要： 定位的应用场景和基本原理 定位的原理 在本文流中 , 任何一个标签都被文本流所限制了自身的位置 , 但是通过 CSS 我们依然使得这些标签可以改变 自己的位置 , 我们可以通过 float 来让标签浮动 , 我们也可以通过 margin 来让标签产生位置移动。 CSS 定位属性，允许定义标签框相对于 阅读全文
posted @ 2020-12-23 21:24 热河噜啦 阅读(64) 评论(0) 推荐(0)
 
 

2020年12月22日

浮动及清浮动的方法
摘要： 浮动 什么是浮动？ 标签的浮动是指设置了浮动属性的标签会脱离标准流的控制，移动到其父标签的指定位置 浮动属性 float left right none 默认 浮动的作用 图文环绕 页面布局 浮动的问题 标签浮动以后，脱离的正常文档流，导致父标签无法被撑开，会影响后续正常布局 清浮动的几种方法 给浮 阅读全文
posted @ 2020-12-22 18:50 热河噜啦 阅读(58) 评论(0) 推荐(0)
 
 
下一页