摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html, body { margin: 0; padding: 0; wid 阅读全文
posted @ 2021-04-27 20:39 #Friday 阅读(230) 评论(0) 推荐(0)
摘要: 第一种方法:绝对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html, body { margin: 0; widt 阅读全文
posted @ 2021-04-27 17:14 #Friday 阅读(103) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #container { width: 400px; } #target { 阅读全文
posted @ 2021-04-27 16:06 #Friday 阅读(829) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html, body { height: 100%; } body { wid 阅读全文
posted @ 2021-04-27 15:57 #Friday 阅读(102) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #triangle { width: 0; height: 0; border 阅读全文
posted @ 2021-04-27 15:38 #Friday 阅读(52) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table tr:nth-child(even)>td { backgroun 阅读全文
posted @ 2021-04-27 11:52 #Friday 阅读(116) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2021-04-27 11:36 #Friday 阅读(41) 评论(0) 推荐(0)
摘要: meta,元数据 不显示 为浏览器提供描述信息,包括: 网页的描述 关键词 作者 修改时间等 <meta name="keywords" content="HTML,ASP,PHP,SQL"> 设定meta的主要用处: 设定字符集 SEO优化 设定viewport 阅读全文
posted @ 2021-04-27 11:32 #Friday 阅读(52) 评论(0) 推荐(0)
摘要: 语法: E:after 或者E::after, 后者是CSS3中的写法,建议使用前者 用于设置E对象在其最后部(相当于last child)发生的内容 使用以下样式: content:内容 display:显示样式 其他样式,如height等 阅读全文
posted @ 2021-04-27 11:23 #Friday 阅读(175) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2021-04-27 11:14 #Friday 阅读(46) 评论(0) 推荐(0)
摘要: 包含块:containing block, CSS2.1中的概念 一个元素盒子的位置和尺寸需要根据一个确定的矩形进行计算,确定这个矩形的元素称为包含块。 确定包含块的规则: html根元素包含块,也称为初始包含块,是viewport的大小 position: relative\static的元素,最 阅读全文
posted @ 2021-04-27 11:11 #Friday 阅读(128) 评论(0) 推荐(0)
摘要: 有一种可能,同时写了四种伪类,:link, :visited, :hover, :active, 一旦链接被点击过,并且又把:visited写在最后,CSS的选择器优先级一样,定义在后的覆盖定义在先的,造成:hover无法生效 解决方法: 按照:link, :visited, :hover, :ac 阅读全文
posted @ 2021-04-27 09:56 #Friday 阅读(382) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2021-04-27 00:02 #Friday 阅读(59) 评论(0) 推荐(0)