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 · 284 阅读 · 0 评论 -
flex的几个常用布局
常用的几个样式布局效果如下：代码如下：<style> .demo{ width:258px; height:300px; dispaly:flex; flex-wrap:wrap;}</style>原创 2020-05-21 17:28:13 · 285 阅读 · 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 · 337 阅读 · 0 评论 -
子元素浮动 父元素高度塌陷问题
hellow world跑到上面去了。。。。解决方案：1、设定父元素高度height2、最后一个浮动元素后加<div class=''clear''></div> 标签并添加样式 .clear{ clear:both;}3、最佳方案：伪元素清除浮动<body><div class="parent clear"> <di...原创 2020-05-06 16:25:21 · 208 阅读 · 0 评论 -
DIV+CSS布局
DIV+CSS布局方法DIV+CSS的网页标准化设计是web标准中的一种新的布局方式，正逐渐代替传统的表格（Table）布局。尤其适合内容信息量大、板块多且经常进行版面更新的大型门户网站使用。DIV+CSS构建网页，采用层（DIV）布局，并且使用层叠样式表（CSS）来实现页面的外观，给网站浏览者更好的体验。DIV+CSS布局的优势：1、表现和内容分离，便于站点重构页面DIV+CSS模式具有...原创 2019-11-13 22:32:52 · 1982 阅读 · 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 · 158 阅读 · 0 评论 -
CSS盒子模型
什么是盒子模型：模型是一个及其通用的描述，是一种以矩形对象的布局的方法，这些矩形对象称为盒子。盒子的组成：一个盒子由外到内可以分成四个部分：margin(外边距）、border(边框）、padding(内边距）、content（内容）、margin、border、padding是CSS属性，因此可以通过这三个属性来控制盒子的这三个部分，而content则是HTML元素的内容。盒子的大小：...原创 2019-11-07 11:05:32 · 265 阅读 · 0 评论 -
css层叠样式表
样式表的引用方式：1、行内样式表:<any style=“样式名：样式值；”></any>2、页面内样式：<head><style> 标签名{ 样式名：样式值； }</style><h...原创 2019-10-24 11:10:28 · 114 阅读 · 0 评论