![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
lhl891111
这个作者很懒,什么都没留下…
展开
-
css 空格处理
HTML 代码的空格通常会被浏览器忽略。通常文字的前部和后部的空格都会忽略,内部的连续空格只会算作一个。这就是浏览器处理空格的基本规则。如果希望空格原样输出,可以使用<pre>标签。说明:pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用来表示计算机的源代码。HT...转载 2018-08-02 16:11:59 · 1032 阅读 · 1 评论 -
css布局实例--三栏布局
法①:float【这种方法虽然简单,但是中间部分最后加载,内容多时影响用户体验】<!DOCTYPE html><html><head><meta charset="utf-8"><title>三栏布局--float布局</title><style>.left { float: le...转载 2019-08-09 11:38:26 · 250 阅读 · 0 评论 -
CSS布局实例--两栏布局
(1)两栏布局--左侧固定,右侧不固定(自适应)①float+margin-left<!DOCTYPE html><html><head><meta charset="utf-8"><title>两栏布局测试--左侧固定,右侧自适应 float+margin-left</title><style>...原创 2019-08-09 10:30:18 · 171 阅读 · 0 评论 -
CSS篇 -- 居中和Grid布局
水平垂直居中:法①:绝对定位+margin:autoposition: absolute;left: 0; right: 0; top: 0; bottom: 0;width: 200px;height: 200px;margin: auto;法②:display:inline-block 和vertical-align:middle和伪元素:after或:before.conta...转载 2019-08-08 15:16:35 · 7540 阅读 · 0 评论 -
Flex布局
Flex布局实例Flex布局语法转载 2019-06-12 12:01:57 · 115 阅读 · 0 评论 -
position的取值和行为
position的取值:static(静态定位)、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)。其中static和fixed比较好理解:static是position的默认值,没有定位,元素出现在正常的的流中(忽略top、bottom、left、right、z-index声明);fixed是相当于浏览器窗口进行定位,元素的位置通过left、right、to...原创 2019-05-08 14:39:40 · 1710 阅读 · 0 评论 -
CSS样式书写规范
1.编码设置@charset "utf-8";采用UTF-8编码,在css代码头部使用,注意必须要定义在css文件所有字符的前面(包括编码注释)@charset才会生效2.选择器定义选择器名,属性及属性值的书写皆为小写,不建议使用下划线_进行连接。当一个规则包含多个选择器时,每个选择器独占一行。+、~、> 选择器的两边各保留一个空格。命名尽量简洁且具有语义化,不应出现g-abc...转载 2018-08-24 12:20:45 · 309 阅读 · 0 评论 -
CSS3篇(1)--面试问题
(1)link 和 @import 的区别外部引入css有两种方式,link标签和@import那么两者有什么区别呢:①从从属关系上来讲,@import是css提供的语法,只有导入样式表的作用;link是Html提供的标签不仅可以加载css文件,还可以定义RSS、rel等属性②从加载顺序来讲,加载页面时,link标签引入的css被同时加载,@import引入的css将在页面加载完毕后...原创 2019-08-07 14:10:59 · 181 阅读 · 0 评论