web前端学习（二十）——CSS3外边距属性（margin）及填充属性（padding）的相关设置
1.CSS外边距属性（margin）CSS margin(外边距)属性定义元素周围的空间。margin清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。margin可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。值描述auto浏览器计算外边距。length规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。%规定基于父元素的宽度的百分比的外边距。....
web前端学习（十九）——CSS3盒子模型（Box Model）、边框属性（border）及轮廓属性（outline）的相关设置
1.CSS盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明：· M....
web前端学习（十八）——CSS3表格属性（table）的相关设置
1.CSS表格使用 CSS 可以使 HTML 表格更美观。指定CSS表格边框，使用border属性。缩写边框属性设置在一个声明中所有的边框属性。可以设置的属性分别（按顺序）：border-width，border-style，border-color。（即边框的宽度、边框的样式、边框的颜色）如果上述值缺少一个没有关系，例如border：＃FF0000;是允许的。1.1 border属性 ...
web前端学习（十七）——CSS3列表属性（list-style）的相关设置
1.CSS列表CSS列表属性作用如下：· 设置不同的列表项标记为有序列表· 设置不同的列表项标记为无序列表· 设置列表项标记为图像在 HTML中，有两种类型的列表：· 无序列表 ul -列表项标记用特殊图形（如小黑点、小方框等）·....
web前端学习（十六）——CSS3链接属性（a:XXX）的相关设置
1.CSS链接链接样式链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。特别的链接，可以有不同的样式，这取决于他们是什么状态。这四个链接状态是：· a:link - 正常，未访问过的链接· a:visited - 用户已访问过的链接· a:hover - 当用户鼠....
web前端学习（十五）——CSS3字体属性（font）的相关设置
CSS字体属性主要用于定义字体类型、加粗、大小、文字样式。Property描述font在一个声明中设置所有的字体属性font-family指定文本的字体系列font-size指定文本的字体大小font-style指定文本的字体样式font-variant以小型大写字体或者正常字体显示文本。font-weight指定字体的粗细。1. font-family属性 font-family属性设置文本的....
web前端学习（十四）——CSS3文本属性（text）的相关设置
1.text文本相关属性的汇总属性描述color设置文本颜色direction设置文本方向。letter-spacing设置字符间距line-height设置行高text-align对齐元素中的文本text-decoration向文本添加修饰text-indent缩进元素中文本的首行text-shadow设置文本阴影text-transform控制元素中的字母unicode-bidi设置或返回文....
web前端学习（十三）——CSS3背景属性（background）的相关设置
1.CSS背景CSS背景属性用于定义HTML元素的背景。CSS属性定义背景效果:· background-color：设置元素的背景颜色。· background-image：把图像设置为背景。· background-repeat：设置背景图像是否及如何重复。· &...
web前端学习（六）——HTML5中通过CSS设置超链接及鼠标形状
1.CSS中设置超链接可能大家看着上面这个伪类语法不太好理解，其实它就是我们平时访问某一个网页时，把鼠标放在某个链接上面，然后那个链接就会改变其颜色样式。废话不多说，下面直接上实例代码：1.1 实例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/>...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注