![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
02-CSS学习笔记
在复习过程中整理的一些知识点,供复习参考使用
l798358117
这个作者很懒,什么都没留下…
展开
-
02-8-BFC及补充
1. BFC(块级格式化上下文) BFC(Block formatting context) 直译为"块级格式化上下文"。 元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ,其实,它还有很多其他显示模式。 那些元素会具有BFC的条件 不是所有的元素模式都能产生BFC,w3c 规范: display 属性为 block, li...原创 2020-02-25 15:34:36 · 188 阅读 · 0 评论 -
02-7-CSS3变形与动画
1. 滑动门 先来体会下现实中的滑动门,或者你可以叫做推拉门: 滑动门出现的背景 制作网页时,为了美观,常常需要为网页元素设置特殊形状的背景,比如微信导航栏,有凸起和凹下去的感觉,最大的问题是里面的字数不一样多,咋办? 为了使各种特殊形状的背景能够自适应元素中文本内容的多少,出现了CSS滑动门技术。它从新的角度构建页面,使各种特殊形状的背景能够自由拉伸滑动,以适应元素内部的文本内容,可用性更强...原创 2020-02-22 23:39:59 · 353 阅读 · 0 评论 -
02-6-CSS高级技巧
1. CSS用户界面样式 所谓的界面样式, 就是更改一些用户操作样式, 比如 更改用户的鼠标样式, 表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制,因此我们就放弃了。 防止表单域拖拽 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cursor : default 小白 | pointer 小手 | move 移动 | tex...原创 2020-02-22 22:36:32 · 151 阅读 · 0 评论 -
02-5-CSS定位和元素的显示隐藏
1. 定位(position) 如果,说浮动, 关键在一个 “浮” 字上面, 那么 我们的定位,关键在于一个 “位” 上。 PS: 定位是我们CSS算是数一数二难点的了,但是,你务必要学好它,我们CSS离不开定位,特别是后面的js特效,天天和定位打交道。不要抵触它,反而要爱上它,它可以让我们工作更加轻松哦! 为什么要用定位? 那么定位,最长运用的场景再那里呢? 来看几幅图片,你一定会...原创 2020-02-20 17:08:21 · 284 阅读 · 0 评论 -
02-4-CSS浮动和布局
1. 浮动(float)原创 2020-02-20 16:28:41 · 188 阅读 · 0 评论 -
02-3-CSS特性及盒模型(重难点)
1. CSS 三大特性 层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。 CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。 一般情况...原创 2020-02-14 21:05:08 · 223 阅读 · 0 评论 -
02-2-CSS样式进阶
1. 引入CSS样式表(书写位置) CSS可以写到那个位置? 是不是一定写到html文件里面呢? 内部样式表 内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下: <head> <style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} </...原创 2020-02-13 22:30:43 · 516 阅读 · 0 评论 -
02-1-CSS初步认识
1. CSS的发展历程 从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。 2. CSS 网页的美容师 CSS的出现,拯救了混乱的HT...原创 2020-02-10 23:42:56 · 189 阅读 · 0 评论