![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
bdevy
这个作者很懒,什么都没留下…
展开
-
前端-1-基础
设置编码 <meta charset="UTF-8"> 基本标签 <h1>标题一</h1> <h2>标题二</h2> <h3>标题三</h3> <h4>标题四</h4> <h5>标题五</h5> <h6>标题六</h6> <...原创 2019-08-14 14:52:15 · 118 阅读 · 0 评论 -
前端-3-css(注意css选择器)
一、基础 css:层叠样式表(Cascading Style Sheets) 语法结构选择器{ 属性:值; } 二、css样式分类 行内样式:标签内 在标签内使用style属性进行设置 内部样式表:style标签内 在style标签内通过选择器设置 <style type="text/css"> </style> 外部样式表:css文件 在cs...原创 2019-08-14 19:45:23 · 151 阅读 · 0 评论 -
前端-4-Emmet总结
这里只总结了一些常用的及实例,有些此处未介绍的见参考文档 HTML ! <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, u...原创 2019-08-19 22:09:52 · 78 阅读 · 0 评论 -
前端-5-小总结
当执行代码时,css去找标签,并且css样式路径写的越清晰,找的速度越快 标签可以使用多个选择器,以空格分割 <div class="div01 div02"></div> 布局div 内的内容必须有div包含着,即 <img....> <p>...</p> </div> 标准文...原创 2019-08-19 23:09:41 · 100 阅读 · 0 评论 -
前端-6-伪类选择器、伪元素选择器、结构性伪类选择器
伪类选择器 4个伪类选择器:l-v-h-a :link a:link{color:red} /*未被访问的链接*/ :visited a:visited{color:blue}} /*已被访问的链接*/ :hover a:hiver{cursor:pointer} /*鼠标移动到链接上*/ active a:active{color:pink} /*正被点击的链接*/ ...原创 2019-08-20 08:35:18 · 220 阅读 · 0 评论 -
前端-7-display、box-sizing、渐进增强和优雅降级
盒的display类型 block 块级元素 inline 行内元素 inline-block 行内块元素:在父容器内写,可以使子元素div在一行 与float:left区别: 1. inline-block没有脱离文档流,不会高度塌陷 2. inline-block子元素之间有空格,换行引起的。去空格:父元素添加font-size:0px;删除子元素间的空格) 3. inline-...原创 2019-08-20 10:36:42 · 138 阅读 · 0 评论 -
前端-2-样式布局(margin、padding、position)
ps:因为涉及布局的标签,调整布局一直很迷(不是说难,就是有些时候影响因素太多,不一定哪里就影响到了,这里简单先总结一下涉及到布局的css样式属性) style=“text-align:center” 使里面内容居中 margin:auto padding:30px 内边距 ...原创 2019-08-15 08:27:17 · 573 阅读 · 0 评论 -
前端-3-盒子模型
一、盒子模型 border 边框的一条线为梯形结构 border:2px solid black 边框2px的黑色实线 border:2px dashed black 边框2px的虚线 border-right:2px solid transparent 右边框透明 直接 border-right: transparent 和不设置右边框一样,即不存在右边框,必须有 solid 或其他线型...原创 2019-08-16 09:50:30 · 146 阅读 · 0 评论 -
前端-9-选择器权重问题的错误理解纠正
假如有选择器1和2,且权重2>1,它是选择器的覆盖,而不是直接对选择器整个进行选择,即:1有样式A和样式B,2有样式B和样式C,那么,如果一个元素有这两个选择器,则该元素有样式A、B(2中的)、C【我之前一直理解的是直接对选择器进行选择,即只含有B、C了。。。。】 header{} 权重为1 section header{}权重为2 例子: <style> header{...原创 2019-08-21 16:09:44 · 548 阅读 · 0 评论