摘要: 1、盒子圆角:border-radius:50% 2、盒子阴影: box-shadow::2px 2px 2px 2px red; 分别对应-->水平阴影、垂直阴影、模糊阴影(虚实)、阴影尺寸(影子大小)、阴影颜色; inset:内/外阴影 3、浮动:float 正常文档流:自上而下 (浮动不会脱离 阅读全文
posted @ 2020-07-02 14:56 kalends 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 盒子边框border 内边距padding:控制盒子的内容,有撑开盒子的问题 外边距margin:盒子和盒子的距离,有外边距合并问题 1、边框:border 边框三个属性必须一起出现:border-width:1px; border-color: red; border-style: solid; 阅读全文
posted @ 2020-07-02 14:28 kalends 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 1、CSS三大特征: (1)层叠性:指多种CSS样式叠加 样式冲突重叠,遵循就近原则,哪个样式离结构近就执行哪个 (2)继承性:子标签会继承某些父标签的样式 如文本颜色或字号会继承(text-、font-、line-),高度不会继承 (3)优先级: 行内样式 > 页内样式 > 外部引用样式 > 浏览 阅读全文
posted @ 2020-07-02 14:19 kalends 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 1、水平居中和垂直居中 A.水平居中: (1)块元素如div(必须有宽)用内边距水平居中:margin:0 auto; (2)行内元素水平居中(如文字):text-align:center (父元素设置text-align: center,子元素设置display: inline-block,子类都 阅读全文
posted @ 2020-07-02 14:09 kalends 阅读(225) 评论(0) 推荐(0) 编辑
摘要: CSS层叠样式表 语法:选择器{属性:值; 属性:值;} h1{ color:red; font-size:14px} 1、引入方式: (1)行内式(内联样式) <div ></div> (2)内联样式 <head> <style> h1{ color:red; font-size:14px} </ 阅读全文
posted @ 2020-07-02 11:43 kalends 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 1、表格:<table> <caption>表格标题</caption> <thead><tr><th>姓名</th><th>性别</th></tr> </thead> <tr><td>小明</td><td>男</td></tr> </table> (1)表格属性: 单元格和单元格之间的距离:cel 阅读全文
posted @ 2020-06-22 16:42 kalends 阅读(143) 评论(0) 推荐(0) 编辑
摘要: web标准:结构(html)-->表现(css)-->行为(js) <!DOCTYPE html> 指html5版本 <meta charset="UTF-8"> 字符集类型是utf-8 1、html骨架<html><head><tiitle></title></head><body>xx</bod 阅读全文
posted @ 2020-06-22 16:28 kalends 阅读(121) 评论(0) 推荐(0) 编辑