CSS学习系列
学习CSS基础知识
diyuzhiwaicc
这个作者很懒,什么都没留下…
展开
-
CSS学习系列6—居中对齐
对于CSS页面布局来说,居中对齐很常用,在这里我们归纳总结一下各种居中对齐的方法。1.页面居中对齐 居中对齐一个元素(如<div>)可以使用margin:auto,必须要设置元素的宽度,通过指定宽度,将两边的空外边距平均分配,达到页面元素居中对齐的目的。注意:如果不设置width属性(或设置为100%),居中对齐将不起作用。<html><head>...原创 2019-11-21 19:30:24 · 158 阅读 · 0 评论 -
CSS学习系列5—显示(display)与浮动(float)
显示和浮动是在CSS页面布局中运用比较多的两个属性。1.display(显示)与visibility(可见性) display和visibility都是定义一个元素显示的属性,display属性设置一个元素应该如何显示,而visibility属性指定一个元素是否可见。display属性:display属性可以用来更改内联元素和块元素,可以使页面以一种特定的方式进行组合。块级元素主...原创 2019-11-21 15:02:09 · 293 阅读 · 0 评论 -
CSS学习系列4—盒子模型(Box Model)
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充和实际内容。对于盒子模型解析:Margin(外边距)—清除边框外的区域,外边距是透明的Border(边框)—围绕在内边距和内容外的边框Padding(内边距)—清除内容周围的区域,内边距是透明的Content(内容)—盒子的内容,显示文本和图像 当我们指定一个CSS元素的宽度和高度属性时,其实只是...原创 2019-11-21 13:55:03 · 109 阅读 · 1 评论 -
CSS学习系列3—链接、列表和表格
1.链接属性(link) 链接属性用得比较多,不同的链接可以有不同的样式,特别的链接也可以有不同的样式,这取决于他们是什么状态。这四个链接状态是:a:link—正常,未访问过的链接a:visited—用户已访问过的链接a:hover—当用户鼠标放在链接上时a:active—链接被点击的那一刻当设置为若干链路状态的样式时,也有一些顺序规则:a:hover必须跟在...原创 2019-12-03 13:52:38 · 65 阅读 · 0 评论 -
CSS学习系列2—背景、文本和字体
CSS背景属性、文本属性和字体属性分别用于定义HTML元素的背景,文本和字体。1.背景属性(background) CSS属性定义背景效果:background-color(背景颜色)background-image(背景图像)background-repeat(背景图像水平或垂直平铺)background-attachment(背景图像是否固定或滚动)backdround-...原创 2019-12-03 11:42:51 · 96 阅读 · 0 评论 -
CSS学习系列1—简介
CSS(Cascading Style Sheets)是指层叠样式表,是为了解决HTML中内容与表现分离的问题,可以极大的提高工作效率。外部样式表通常存储在CSS文件中,多个样式定义可层叠为一个。 <p style="color: blue;background-color: red;text-align: left;font-size: 20px">段落</p>...原创 2019-11-21 14:07:59 · 111 阅读 · 0 评论