随笔分类 -  CSS

表格容器属性
摘要:<!-- 表格的属性: 1:让相邻单元格边框合并或分开,添加在table上面 border-collapse: 属性值: collapse(合并) separate(分开) 2:相邻单元格边框之间的间距,添加在table上面 border-spacing:; 3:当单元格没有内容的时候,是否显示单元 阅读全文
posted @ 2021-01-07 15:48 sunandwang 阅读(109) 评论(0) 推荐(0)
背景
摘要:<!-- background:; 简写形式 1:背景色 background-color:; 2:背景图: background-image:url(图片的路径); a:背景图的显示形式: 容器大于背景图的时候,直到铺满为止 容器等于背景图的时候,正好显示一张 容器小于背景图的时候,只显示容器区域 阅读全文
posted @ 2021-01-07 15:17 sunandwang 阅读(98) 评论(0) 推荐(0)
边框属性
摘要:1:边框的位置:长在元素宽高以外的。 2:border:10px solid blue 复合式写法 border-weight:10px; border-style:solid; border-color:blue; 边框类型: solid(实线) dashed(虚线) dotted(点状线) do 阅读全文
posted @ 2021-01-06 17:36 sunandwang 阅读(292) 评论(0) 推荐(0)
列表属性
摘要:<!-- html列表:ul、ol、dl 列表属性:针对于列表符号 1:定义列表符号的样式: list-style-type: 属性值: disc circle square none 2:使用图片作为列表符号 list-style-image: url(图片路径); 3:定义列表符号的位置: li 阅读全文
posted @ 2021-01-06 16:42 sunandwang 阅读(368) 评论(0) 推荐(0)
文本属性
摘要:1:font-size: a:文本默认大小:为了减少系统之间的差异,确定16px为标准文字大小 b:文本大小尽量设置成偶数 c:PC端文字大小尽量别低于12px d:PS中汉字的文本大小,量取文本的高度即可(同等字号的英文和数字比汉字显示的要小) e:单位:px pt(磅) em rem 9pt = 阅读全文
posted @ 2021-01-06 15:08 sunandwang 阅读(337) 评论(0) 推荐(0)
选择符层叠性的总结
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2021-01-04 15:20 sunandwang 阅读(60) 评论(0) 推荐(0)
CSS选择符权重
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2021-01-04 15:00 sunandwang 阅读(119) 评论(0) 推荐(0)
CSS选择符
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2021-01-04 14:46 sunandwang 阅读(194) 评论(0) 推荐(0)
css样式表
摘要:内部、外部、内联 1、内联样式表的权重最大 2、内部样式表和外部样式表的权重关系和书写顺序有关,后写的会把前写的覆盖, 覆盖的只是相同属性的样式,不同属性的样式会继续执行 css样式表: 1、内部样式表: 创建方法: <style></style> 放置的位置; 尽量放在head标签里面 2、外部样 阅读全文
posted @ 2020-12-25 18:01 sunandwang 阅读(282) 评论(0) 推荐(0)
CSS语法
摘要:网页的组成: 结构(html)、表现(css)、行为(js) CSS 层叠样式表,给网页做样式渲染的 CSS3.0 CSS语言是必须的嘛?为什么要用HTML + CSS 要对 页面渲染 其实把每一个html标签做样式渲染 css语法: 选择符{ 属性1:属性值; 属性2:属性值; 属性3:属性值1  阅读全文
posted @ 2020-12-25 16:15 sunandwang 阅读(80) 评论(0) 推荐(0)
line-hight
摘要:line-height: 行高指的是文本行的基线间的距离,但是文本之间的空白距离不仅仅是行高决定的,同时也受字号的影响。 行高指的是文本行的基线间的距离(更简单来说,行高是指文字尺寸与行距之间的和)。而基线(Base line),指的是一行字横排时下沿的基础线,基线并不是汉字的下端沿,而是英文字母x 阅读全文
posted @ 2020-05-25 22:47 sunandwang 阅读(374) 评论(0) 推荐(0)