![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
东北玛丽的小笔记
欢迎来到我的世界~
展开
-
CSS复合选择器~伪类选择器~
1.交集选择器交集选择器由两个选择器构成.找到的标签必须满足:既有标签一的特点.也有标签二的特点其中第一个为标签选择器.第二个为class选择器.两个选择器之间不能有空格<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>原创 2019-02-14 17:50:19 · 228 阅读 · 0 评论 -
精灵图(雪碧图)介绍及使用~
目的:为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度本质:CSS精灵图是一种处理网页背景图像的方式,它将一个页面涉及到的所有零星背景图像都集中到一张大图中去,然后将大图应用于网页,这样,当用户访问该页面时,只需向服务发送一次请求,网页中的背景图像即可全部展示出来精灵图的使用:CSS 精灵其实是将网页中的一些背景图像整合到一张大图中(精灵图),然而,各个网页元素通常只需要精灵...原创 2019-02-20 09:35:30 · 2284 阅读 · 0 评论 -
文本省略号的设置~
设置或检索是否使用一个省略标记(…)标示对象内文本的溢出clip : 不显示省略标记(…),而是简单的裁切ellipsis : 当对象内文本溢出时显示省略标记(…)注意一定要首先强制一行内显示,再次和overflow属性 搭配使用/*1. 先强制一行内显示文本*/ white-space: nowrap; /*2. 超出的部分隐藏*/ overflow: ...原创 2019-02-19 16:55:01 · 289 阅读 · 0 评论 -
元素的显示与隐藏.overflow~display~visibility
overflow 溢出检索或设置当对象的内容超过其指定高度及宽度时如何管理内容visible : 不剪切内容也不添加滚动条。auto : 超出自动显示滚动条,不超出不显示滚动条hidden : 不显示超过对象尺寸的内容,超出的部分隐藏掉scroll : 不管超出内容否,总是显示滚动条 .red{ width: 200px; ...原创 2019-02-19 16:27:41 · 320 阅读 · 0 评论 -
position定位的四种属性
1.静态定位(static)静态定位是元素的默认定位方式.也就是说网页中所有元素默认都是静态定位的 —— 按照标准流特性摆放位置注意:在静态模式下,无法通过边偏移属性(top、bottom、left 或 right)来改变元素的位置提示:因为是默认值.所以静态定位在布局时不使用.但是要知道position:static2.相对定位(relative)相对定位是元素相对于它 在标准流中...原创 2019-02-19 15:59:36 · 2539 阅读 · 0 评论 -
清除浮动目的以及方法
说到清除浮动,首先我们要知道为什么清除浮动清除浮动的目的:父元素没有设置高度,里边的子元素都浮动,浮动的子元素不能撑开父元素的高度,导致布局混乱,所以清除浮动是为了让浮动元素撑开父元素的高度清除浮动的方法:1.给父级div定义height原理:父级div手动定义高度,就解决了父级div无法自动获取到高度的问题,简单,代码少,容易掌握,但只适合高度固定的布局2.额外标签法清除浮动:原理...原创 2019-02-19 09:56:08 · 504 阅读 · 0 评论 -
标签选择器 ~类选择器~id选择器~通配符选择器~
CSS选择器作用(重点):要想将CSS样式应用于特定的HTML元素.首先需要找到该目标元素.在CSS中.执行这一任务的样式规则部分被称为选择器.1.标签选择器:标签选择器是指用HTML标签名称作为选择器.按标签名称分类.为页面中某一类标签指定统一的CSS样式.作用:可以把某一类标签全部选择出来.比如所有的div标签 和 所有的 span标签语法:标签名{属性1:属性值1; 属性2:属性...原创 2019-02-12 17:28:33 · 5088 阅读 · 0 评论 -
css初识~
CSS通常称为CSS样式表或层叠样式表(级联样式表).主要用于设置 HTML页面中的文本内容(字体、大小、对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式.CSS以HTML为基础.提供了丰富的功能.如字体.颜色.背景的控制及整体排版等.而且还可以针对不同的浏览器设置不同的样式.引入CSS样式表(书写位置)1.内联样式内联样式.又有人称行内样式.行间样式.是通过...原创 2019-02-12 16:32:29 · 95 阅读 · 0 评论 -
CSS三大特性(层叠,继承,优先级)
CSS层叠性:所谓层叠性是指多种CSS样式的叠加,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉一般情况下样式冲突.遵循的原则是就近原则. 那个样式离着结构近.就执行那个样式样式不冲突不会层叠CSS继承性:所谓继承性是指书写CSS样式表时.子标签会继承父标签的某些样式.如文本颜色和字号.想要设置一个可继承的属性.只需将它应用于父元素即可...原创 2019-02-18 09:38:55 · 530 阅读 · 0 评论 -
标签的显示模式~块元素.行内元素与行内块元素~
块级元素每个块元素通常都会独自占据一整行或多整行.可以对其设置宽度、高度、对齐等属性.常用于网页布局和网页结构的搭建块级元素的特点:(1)总是从新行开始(2)高度.行高.外边距以及内边距都可以控制(3)宽度默认是容器的100%(4)可以容纳内联元素和其他块元素(5) 是一个容器及盒子.里面可以放行内或者块级元素常见的块级元素:h1~h6pdivulli行内元素:行内元素...原创 2019-02-15 09:56:38 · 218 阅读 · 0 评论 -
css初始化
<style> body, ul, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, input, form { margin: 0; padding: 0; } li { list-style: none; } img { /*清除图片底部缝隙*/ vertical-align: middle; /*...原创 2019-02-20 10:47:36 · 77 阅读 · 0 评论