![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 85
nine-seven
这个作者很懒,什么都没留下…
展开
-
CSS 总结(1)
CSS 总结(1)1. marginmargin: 中的atuo值用于块级元素在他的父级内水平居中。写给本身。2. 块级元素水平居中:margin: 0 auto;用于块级元素在他的父级内水平居中3. 文本居中:text-align: 只针对于块级元素里面的行内元素、行内块元素有效。这个属性写给行内元素、行内块元素的父级标签。只能写给块级元素4. 垂直居中:写在块级标签和行内块标签都可以① 单行文本垂直居中:1line-height② 多行文本垂直居中:paddin原创 2021-11-06 17:30:35 · 159 阅读 · 0 评论 -
CSS(十二)--ico图标、优化三大标签、字体图标、logo优化、书写顺序
1.网站ico图标使用ico图标:在title栏显示1.1使用ico图标首先把favicon.ico 这个图标放到根目录下。再html里面, head 之间 引入 代码。 head标签中: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 1.2制作ic...原创 2020-04-26 20:41:37 · 740 阅读 · 0 评论 -
CSS(十一)--文字居中和盒子居中区别、插入图片和背景图片区别、display显示模式、网页布局
文字居中和盒子居中区别盒子内的文字水平居中是 text-align: center, 而且还可以让 行内元素和行内块居中对齐块级盒子****水平居中 左右margin 改为 autotext-align: center; :文字 行内元素 行内块元素水平居中margin: 10px auto; :块级盒子水平居中 左右margin 改为 auto 就阔以了 上下margin都...原创 2020-04-26 20:25:15 · 434 阅读 · 0 评论 -
CSS(十)--CSS3- 新特性背景透明、圆角边框、盒子阴影、过渡
CSS3:1.背景透明:语法:background: rgba(0, 0, 0, 0.3);最后一个参数是alpha 透明度 取值范围 0~1之间我们习惯把0.3 的 0 省略掉 这样写 background: rgba(0, 0, 0, .3);注意: 背景半透明是指盒子背景半透明, 盒子里面的内容不受影响因为是CSS3 ,所以 低于 ie9 的版本是不支持的。2.圆角...原创 2020-04-26 20:17:10 · 1150 阅读 · 0 评论 -
CSS(九)---元素显示和隐藏、用户界面样式(鼠标、轮廓线、防止拖拽文本域)、vertical-align 垂直对齐、溢出的文字省略号表示、 去除图片底侧空白缝隙、精灵图、滑动门、三角
1.元素的显示和隐藏1.1 display 显示 display 设置或检索对象是否及如何显示display: none; : 隐藏对象display:block;: 除了转换为块级元素之外,同时还有显示元素的意思。特点: 隐藏之后,不再保留位置。应用: 配合后面js做特效,比如下拉菜单,原先没有,鼠标经过,显示下拉菜单, 应用极为广泛1.2 visibility 可见性 ...原创 2020-04-26 20:08:39 · 536 阅读 · 0 评论 -
CSS(八)--定位position (css学习重点之一)
定位position我们脑海应该有三种布局机制的上下顺序:标准流在最底层 (海底) -- 浮动 的盒子 在 中间层 (海面) -- 定位的盒子 在 最上层 (天空)1.定位 用来布局 定位 = 定位模式 + 边偏移1.1边偏移:通过 top、bottom、left 和 right 属性定义元素的边偏移:(方位名词)边偏移属性示例描述toptop: ...原创 2020-04-26 17:55:55 · 164 阅读 · 0 评论 -
CSS(七)--浮动(css学习重点之一)
浮动(float)1.CSS 布局的三种机制: CSS 提供了3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位。1.1 普通流(标准流)块级元素会独占一行,从上向下顺序排列;常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行;常用元素:span、a、i、em等2. 浮动...原创 2020-04-26 17:26:24 · 176 阅读 · 0 评论 -
CSS(六)---盒子模型(css学习重点之一)
CSS盒子模型css学习三大重点:css 盒子模型 、浮动、定位1.盒子模型:盒子模型有元素的内容、边框(border)、内边距(padding)、和外边距(margin)组成。2.盒子边框:borderborder 分为 border-width || border-style || border-color 属性作用border-width定义边框粗细...原创 2020-04-26 16:40:19 · 165 阅读 · 0 评论 -
CSS(五)---CSS标签三种模式:display: block、inline、inline-block
CSS标签三种模式标签显示模式:display:模式;1. 三种显示模式: 块级标签(block)、行内元素(inline)、行内块元素(inline-block)2.块级标签:block常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等 其中<div>...原创 2020-04-26 15:42:57 · 447 阅读 · 0 评论 -
CSS(四)---CSS背景(background-)
CSS 背景(background)1.背景颜色(backgroung-color)语法: background-color:颜色值;颜色值和**文字颜色(color)**是一样的写法:三种表示方式。 默认的值是 transparent,意思为透明的。语法: background-color:transparent ;2. 背景图片(image)语法:background-im...原创 2020-04-26 15:18:27 · 247 阅读 · 0 评论 -
CSS(三) --- CSS外观属性:color、text-align、line-height、text-indent、text-decoration
CSS外观属性目录CSS外观属性1.color:文本颜色 1.1 color属性的表示方式2. text-align:文本水平对齐方式 3.line-height:行间距3.1 单行文本垂直居中3.2 行高和高度的三种关系4. text-indent :首行缩进5. text-decoration 文本的装饰6.总结1.color:文本颜色 ...原创 2020-04-26 14:09:55 · 541 阅读 · 0 评论 -
CSS(二)----CSS字体样式属性(font- )
CSS字体样式属性目录CSS字体样式属性1.font字体1.1 font-size :字体大小1.2 font-family: 字体 1.3 font-weight : 字体粗细 1.4 font-style :字体风格 1.5 font:综合设置字体样式2. 总结:1.font字体1.1 font-size :字体大小 ...原创 2020-04-26 12:38:17 · 336 阅读 · 0 评论 -
CSS(一) --------- CSS引入样式的三种方法、CSS基础选择器、CSS复合选择器、CSS三大特性
目录1、CSS概念和作用1.1 概念:1.2 作用:2. CSS样式表引入的三种方法?2.1行内式(内联样式)2.2 内部样式(内嵌样式)2.3 外部样式表(外链式)3. CSS基础选择器:3.1标签选择器3.2 类选择器3.3 id选择器2.3 外部样式表(外链式)4. CSS复合选择器:4.1 后代选择器:4.2 子元素选择器...原创 2020-04-26 11:08:45 · 422 阅读 · 1 评论