随笔分类 -  html&css

摘要:"查看源代码" 阅读全文
posted @ 2019-12-03 19:01 勾践 阅读(7379) 评论(0) 推荐(1)
摘要:代码 效果 "查看源代码" 阅读全文
posted @ 2019-11-25 10:49 勾践 阅读(375) 评论(0) 推荐(0)
摘要:css没有提供一个直接设置行间距的方式,所以只能通过设置行高来间接的设置行间距,行高越大行间距就越大,用 line height 来设置行高。 行高类似于上学时使用的单线本,单线本是一行一行的线,线与线之间的距离就是行高,网页中的文字实际上是写在一个看不见的线中的,而文字会默认在行高中垂直居中显示。 阅读全文
posted @ 2019-11-05 11:41 勾践 阅读(1876) 评论(0) 推荐(0)
摘要:字体的样式 color 设置文本的颜色(前景色) ,它会应用到元素的所有边框,除非被 border color 或另外某个边框颜色属性覆盖。 font size 1. 设置字体大小,其设置的并不是文字本身的大小,在页面中,每个文字都是处在一个看不见的框中,其实际上设置的是框格的高度,一般情况下,文字 阅读全文
posted @ 2019-10-27 22:59 勾践 阅读(1572) 评论(0) 推荐(0)
摘要:/* 用颜色的单词表示不同的颜色:red, green, blue等等 */ p { background-color: red; } /* 用rgb三元色表示,rgb => red, green, blue rgb的浓度值:r(0~255), g(0~255), b(0~255) */ p { background-color: rgb(0, 0, 255); /... 阅读全文
posted @ 2019-10-24 12:24 勾践 阅读(243) 评论(0) 推荐(0)
摘要:前提:当使用不同的选择器选中同一个元素并且设置相同的样式时,这时样式之间就产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重)决定,优先级高的优先显示。 1.优先级的权重规则: 2.当选择器中包含多种选择器时(交集选择器: p#p2 或 p.p3),需要将多种选择器的优先级相加然后 阅读全文
posted @ 2019-10-22 21:18 勾践 阅读(500) 评论(0) 推荐(0)
摘要:效果: 阅读全文
posted @ 2019-10-22 20:26 勾践 阅读(211) 评论(0) 推荐(0)
摘要:/** 这四个伪类的优先级相同,前一个会覆盖后一个 建议书写顺序: lvha => love hate(好记) */ a:link { color: red; } a:visited { color: green; } a:hover { color: yellow; } a:active { color: blue; } 阅读全文
posted @ 2019-10-21 02:49 勾践 阅读(1301) 评论(0) 推荐(0)
摘要:html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等。 块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。 内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中文本设置样式。 div块元素仅仅只用于进行页面布局,它自身不带 阅读全文
posted @ 2019-09-26 22:44 勾践 阅读(3271) 评论(0) 推荐(0)