CSS
关注
分享
扫一扫
我是你要找的bug
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
切图常用样式
1、 vertical-align: middle; 把此元素位置放在父元素中部 2、元素前加一个块级元素： .class::befoer{ content:""; display: inline-block; width:10px; height:10px; } 3、旋转、过渡： -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0)原创 2021-05-21 10:55:24 · 328 阅读 · 0 评论 -
flex的几个常用布局
常用的几个样式布局效果如下： 代码如下： <style> .demo{ width:258px; height:300px; dispaly:flex; flex-wrap:wrap; } </style>原创 2020-05-21 17:28:13 · 328 阅读 · 0 评论 -
HTML\CSS知识点（一）
HTML方面： 哪些元素是inline？哪些是inline-block？哪些是block？ inline元素特点： 和其他元素都在一行上； 元素的高度、宽度、行高及顶部和底部边距不可设置； 元素的宽度就是它包含的文字或图片的宽度，不可改变。 常见的inline元素： span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、...原创 2020-05-07 22:00:57 · 368 阅读 · 0 评论 -
子元素浮动 父元素高度塌陷问题
hellow world跑到上面去了。。。。 解决方案： 1、设定父元素高度height 2、最后一个浮动元素后加<div class=''clear''></div> 标签 并添加样式 .clear{ clear:both;} 3、最佳方案：伪元素清除浮动 <body> <div class="parent clear"> <di...原创 2020-05-06 16:25:21 · 243 阅读 · 0 评论 -
DIV+CSS布局
DIV+CSS布局方法 DIV+CSS的网页标准化设计是web标准中的一种新的布局方式，正逐渐代替传统的表格（Table）布局。尤其适合内容信息量大、板块多且经常进行版面更新的大型门户网站使用。DIV+CSS构建网页，采用层（DIV）布局，并且使用层叠样式表（CSS）来实现页面的外观，给网站浏览者更好的体验。 DIV+CSS布局的优势： 1、表现和内容分离，便于站点重构页面 DIV+CSS模式具有...原创 2019-11-13 22:32:52 · 2077 阅读 · 0 评论 -
CSS属性和CSS基础选择器
字体属性：（font） 大小 font-size:数值； 单位：px 样式 font-style：oblique；（偏斜体）italic;（斜体）normal;(正常） 行高line-height：normal（正常） 单位：px、pd、em 粗细font-weight：bold;(粗体）lighter;(细体）normal;(正常） 修饰text-decoration：underline；(下划...原创 2019-11-13 21:12:12 · 185 阅读 · 0 评论 -
CSS盒子模型
什么是盒子模型： 模型是一个及其通用的描述，是一种以矩形对象的布局的方法，这些矩形对象称为盒子。 盒子的组成： 一个盒子由外到内可以分成四个部分：margin(外边距）、border(边框）、padding(内边距）、content（内容）、margin、border、padding是CSS属性，因此可以通过这三个属性来控制盒子的这三个部分，而content则是HTML元素的内容。 盒子的大小：...原创 2019-11-07 11:05:32 · 290 阅读 · 0 评论 -
css层叠样式表
样式表的引用方式： 1、行内样式表: <any style=“样式名：样式值；”></any> 2、页面内样式： <head> <style> 标签名{ 样式名：样式值； } </style> <h...原创 2019-10-24 11:10:28 · 141 阅读 · 0 评论