![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
吗吗哈哈
喝光大佬的卡布奇诺
展开
-
不是吧,难道你会了浮动,就不去学定位了吗?
一、定位1.1 为什么需要定位浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子。定位则是可以让盒子自由的再某个盒子内部移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。...原创 2020-08-06 22:45:31 · 112 阅读 · 0 评论 -
不是吧,难道还有人不会CSS中的浮动效果吗?
一、浮动1.1传统网页布局的三种方式网页布局的本质——用CSS来摆放盒子,把盒子摆放到相应位置。CSS提供了三种传统布局方式(简单来说,就是盒子如何进行排列顺序):普通流(标准流)浮动定位1.2标准流(普通流/文档流)所谓的标准流,就是标签按照规定好的默认方式排列块级元素会独占一行,从上到下顺序排列。常用元素:div href p h1-h6 ul ol form table行内元素会按照顺序,从左到右排列,碰到父元素边缘则自动换行。常用元素: span a i em 等原创 2020-07-28 18:12:45 · 514 阅读 · 3 评论 -
CSS中最本质的特征————盒子模型
CSS的盒子模型一、看透网页布局的本质网页布局过程:先准备相关的网页元素怒,网页元素基本都是盒子box。利用CSS设置好盒子样式,然后摆放到相应的位置。往盒子里面装内容。网页布局的本质:就是利用CSS拜访盒子的位置。二、盒子模型组成盒子模型:就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个装内容的容器。CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括:边框、外边距、内边距和实际内容。三、边框(border)border可以设置元素的边框,边框有三部分组原创 2020-07-23 22:16:50 · 349 阅读 · 1 评论 -
来瞧瞧CSS的三大特性
CSS三大特性一、层叠性给相同选择器设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠性主要解决样式冲突的问题。层叠性原则:样式冲突,遵循就近原则,即哪个样式离结构近,就执行哪个样式样式不冲突,不会层叠/*golden颜色离结构近,因此会覆盖掉purple颜色*//*因为第二个样式中没有对字体大小进行设定,因此不会覆盖第一个样式中字体属性*/<style> div { color: purple; font-size: 12px; } div {原创 2020-07-15 10:50:40 · 138 阅读 · 0 评论 -
请继续你的CSS学习
一、Emmet语法1.Emmet快速生成HTML标签(1)在生成标签时,直接输入标签名,按tab键即可。如:div tab(2)如果想要生成多个相同的标签,在标签名之后输入和数字,再按tab键即可。如:**div3 tab**(3)如果有父子级的标签关系,可以用 父类标签名>子类标签名 tab。如:ul>li tab(4)如果有兄弟级的标签关系,可以用 标签名1+标签名2 tab。如:span+div tab(5)如果标签中使用了类选择器或者id选择器,可以用 .demo tab原创 2020-07-13 21:05:40 · 82 阅读 · 0 评论 -
请开始你的CSS学习
一、CSS简介1.主要作用CSS的主要作用是美化、布局页面。(1)HTML的局限性只关注内容的语义,比如:<h1>表示一个标题,<p>表示一个段落,<img>表示一张照片,<a>表示一个链接。如果想要为网页进行样式的设定,会非常繁琐。(2)CSS的优点CSS是一种标记语言,主要设置html页面中的文本内容(字体,大小,对齐方式等)、图片的外形(宽高,边框样式,边距等)以及版面的布局和外观显示样式。总结:CSS最大价值是有HTML专注去做结构,样原创 2020-06-17 14:03:13 · 134 阅读 · 0 评论