css
BonnieYY
做人,一定要有梦想
展开
-
前端开发必会的HTML/CSS硬知识
知识点盒模型 选择器优先级 水平垂直居中 浮动与清除浮动 flex布局 H5新特性 CSS动画 CSS预处理器(Autoprefixer)真题请说出3个H5新增的块元素,并介绍他们的应用场景aside:表示article元素内容之外,与article元素内容相关的辅助信息。(当前文章的其他引用, 备注,侧边栏,广告等有别于主要内容的部分)figure:代表一个...原创 2020-03-28 23:29:24 · 385 阅读 · 0 评论 -
position:sticky的用法 粘性布局
代码 <style> .samecon h2{ position: -webkit-sticky; position: sticky; top: 0; background:#ccc; padding:10px 0; } &l...原创 2019-10-12 14:33:37 · 273 阅读 · 0 评论 -
css实现六角星
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-23 16:26:36 · 1316 阅读 · 1 评论 -
单行多行文本溢出
<style> div{ margin: 10px; } .single{ width: 50px; background-color: red; overflow: hidden; text-overflow: e...原创 2019-09-25 23:25:00 · 185 阅读 · 0 评论 -
样式笔试题
<style> .container{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justif...原创 2019-09-27 13:24:43 · 167 阅读 · 0 评论 -
css布局 布满整个页面、 左右布局(自适应)、宽高自适应、元素居中
1、布满整个页面css <style> /* 用百分比设定元素的宽度,一般情况是指参考父元素的宽度,当position是fixed或absolute时,百分比是参考屏幕的宽度。left:x%等位置属性的百分比也是参考屏幕的宽度。 */ /* 注:absolute可换为fixed */ /* 法一 */ /* .cont...原创 2019-10-11 15:59:30 · 1889 阅读 · 0 评论 -
css实现宽度自适应100%,宽高16:9的比例的矩形
css<style> .box{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; /* padding-bo...原创 2019-10-11 16:08:19 · 549 阅读 · 1 评论 -
bfc清除浮动
<style> .box1{ background-color: red; width: 800px; /* 法一 */ /* overflow:hidden; */ /* 法三 */ zoom: 1; } ...原创 2019-10-11 16:58:19 · 161 阅读 · 0 评论