![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 87
美化网页
嵩華想睡觉
收拾心情 重新再出发。
展开
-
CSS3快速入门:六、定位
定位ralative相对定位 相对定位定位是指通过 top、bottom、left、right 相对于其正常位置进行定位。其中的相对指的是相对于元素在默认流中的位置。将元素 position 属性设置为 relative 之后,再通过 top,bottom,left,right 属性对其进行相对于原来位置的偏移;元素偏移之后,它本来在默认文档流中占据的位置仍然存在,其紧挨其后的元素的定位依据它本来的位置定位;该元素偏移之后,可能存在覆盖其他元素的情况(可以使用 z-index属性显示层级有限级原创 2021-04-15 23:21:57 · 563 阅读 · 2 评论 -
CSS3快速入门:五、浮动
浮动 在CSS中,浮动是非常重要的一个功能,主要是用来控制行元素或者块元素并列显示或者向左或者向右浮动。1. 标准文档流 CSS中标准文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元元素,其中块级元素独占一行,而行内元素可以自左至右排列,且行内元素可以包含在块级元素中,反之却不可以。如图:2. display display属性的几个常用属性值:block:块元素。inline:行内元素。in原创 2021-04-10 23:51:04 · 519 阅读 · 1 评论 -
CSS3快速入门:四、盒子模型
盒子模型 盒子模型是我们在CSS网页布局中必不可少的东西。网页中的盒子模型用来存放网页中的各个元素,每一个可见的HTML元素都是一个盒子,这些盒子通过嵌套、叠加或者排列等方式组织在一起,形成我们所看见的页面。 一个盒子由外到内可以分成四个部分:margin(外边距)、border(边框)、padding(内边距)、content(内容)。会发现margin、border、padding是CSS属性,因此可以通过这三个属性来控制盒子的这三个部分,而content则是HTML元素的内容。如图:1.原创 2021-04-09 17:09:17 · 1664 阅读 · 6 评论 -
CSS3快速入门:三、美化网页
美化网页为什么使用CSS有效的传递页面信息使用CSS美化过的页面文本 , 漂亮 , 美观 , 可以吸引用户可以很好的突出页面的主题内容 ,使用户第一眼可以看到页面主要内容具有良好的用户体验1. 字体常用的文字相关的属性如下:color2. 排版网页3. 超链接伪类4. 列表样式5. 背景样式...原创 2021-04-04 23:14:25 · 7492 阅读 · 14 评论 -
CSS3快速入门:二、CSS选择器
CSS选择器在 CSS 中,选择器是选取需设置样式的元素的模式。CSS系列文章目录1.CSS3快速入门:一、三种CSS导入方式原创 2021-03-29 00:35:17 · 1838 阅读 · 4 评论 -
CSS3快速入门:一、三种CSS导入方式
三种CSS导入方式按照CSS样式书写的位置(或者引入的方式),CSS样式表可以分为以下三大类:行内样式表(行内式),又称内联样式内部样式表(嵌入式)外部样式表(链接式)三者之间的优先级:内联样式>内部样式>外部样式1.外部样式表外部样式表包括<link>链接式和@import导入式两种,之间的优先级遵循就近原则,其特点如下:css保存在.css文件中在HTML中使用<link>标签或@import导入链接式<link>的特点:属原创 2021-03-27 20:36:46 · 2618 阅读 · 4 评论