![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
聪明绝顶的你与即将秃头的我
这个作者很懒,什么都没留下…
展开
-
两栏布局
左侧固定,右侧自适应思路:让左右都在同一行,再让右边自适应。双inline-block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>两栏布局</title>原创 2020-10-05 21:45:31 · 156 阅读 · 0 评论 -
CSS水平垂直居中
水平居中行内元素看父元素是否是块元素,是的话,直接给父元素加个text-align:center 不是的话,把父元素转换成块元素,添加text-align:center;块元素方法一:是否有宽度?是的话:margin:auto; 没有的话:默认子元素宽度和父元素一样,然后将子元素转成行内或行内块元素display:inline/inline-block;然后父元素设置text-align:center;方法二:...原创 2020-10-05 18:44:42 · 163 阅读 · 1 评论 -
三栏布局
圣杯布局:左、右栏固定。中间自适应,而且中间需要优先加载。确定的架构:<body> <header>头部</header> <div class="center">主区域</div> <div class="left">左区域</div> <div class="right">右区域</div> <footer>底部</...原创 2020-10-05 16:06:29 · 214 阅读 · 0 评论 -
HTML5和CSS3新特性
html5新特性div和span对搜索引擎来说是没有语义的。1.新增语义化标签<head>:头部标签 <nav>:导航标签<article>:内容标签<section>:块级标签<aside>:侧边栏标签<footer>:尾部标签比如:<style> header,nav{ width:100%; height:120px; ...原创 2020-09-24 13:10:39 · 650 阅读 · 0 评论 -
CSS
CSS样式表1.行内式(内联式)<div style="color:pink;font-size:12px;"> </div>缺点:只能控制一个标签。没有实现样式和结构的分离。使用的比较少优点:写法简单,权重高2.内部样式表(内嵌样式表):将css代码集中在html的head头部标签中,并用style标签定义<head> <meta charset="UTF-8"> <title>??<...原创 2020-09-23 09:42:12 · 551 阅读 · 1 评论