随笔分类 -  CSS+HTML

一些常用样式的记录！如有错误，请指正吖！
CSS 新增 2D|3D属性|动画
摘要：本文内容概览： transition：过渡 transform 2D变形 translate（x,y）：移动 scale（x,y）：缩放 rotate（deg）：旋转 transform-origin：调整元素转换变形的 原点 skew（deg,deg）：倾斜 3D变形 rotateX（） rota 阅读全文
posted @ 2021-01-25 21:14 栗子姑娘 阅读(151) 评论(0) 推荐(0)
元素的显示与隐藏
摘要：内容概览： 元素的显示与隐藏 显示：display 可见性：visibility 溢出：overflow CSS高级技巧 CSS用户面界面样式 鼠标样式：cursor 轮廓：outline 防止拖曳文本域：resize vertical-align：垂直对齐 图片和文字对齐 去除图片底侧空白间隙 溢 阅读全文
posted @ 2021-01-21 16:44 栗子姑娘 阅读(163) 评论(0) 推荐(0)
定位（position）
摘要：定位知识体系概览： 元素的定位属性 边偏移 定位模式（定位的分类） 静态定位（static） 相对定位（relative） 绝对定位（absolute） 父级没有定位 父级有定位 子绝对定位 父相对定位（子绝父相） 绝对定位水平垂直居中 固定定位（fixed） 叠放次序（z-index） 四种定位总 阅读全文
posted @ 2021-01-21 14:05 栗子姑娘 阅读(555) 评论(0) 推荐(0)
浮动（float）
摘要：浮动（float）内容概览： 普通流 浮动 浮动详细内幕特性 布局流程 清除浮动 额外标签法 父级添加 overflow 属性方法 使用 after 伪元素 清除浮动 使用 before 和 after 双伪元素 清除浮动 浮动（float） 普通流（标准流）（normal flow） 网页布局的核 阅读全文
posted @ 2021-01-20 17:57 栗子姑娘 阅读(895) 评论(0) 推荐(0)
CSS盒子模型（重点）
摘要：CSS一共分为三大模块：盒子模型、浮动、定位；其余都是细节。 CSS盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形盒子，也就是一个盛装内容的容器。 盒子模型共由四部分组成： 外边距 margin 边框 border 内边距 padding 内容 content 盒子模型共分为两种： 阅读全文
posted @ 2021-01-20 15:01 栗子姑娘 阅读(238) 评论(0) 推荐(0)
CSS 三大特性
摘要：CSS三大特性概览： CSS层叠性 CSS继承性 CSS优先级 CSS特殊性 CSS三大特性 CSS层叠性 所谓层叠性是指各种CSS样式的叠加。 一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。 示例如下： <html lang="en"> <head> <meta cha 阅读全文
posted @ 2021-01-15 11:45 栗子姑娘 阅读(171) 评论(0) 推荐(0)
CSS背景及应用
摘要：CSS背景及应用内容总览： 背景图片（image） 背景平铺（repeat） 背景位置（position） 背景附着 背景简写 背景透明（CSS3） 背景缩放（CSS3） 多背景（CSS3） 凹凸文字 背景图片（image） background-image：默认值为none，表示背景上没有放任何图 阅读全文
posted @ 2021-01-15 09:26 栗子姑娘 阅读(100) 评论(0) 推荐(0)
CSS 复合选择器
摘要：CSS选择器总结 CSS复合选择器 复合选择器是由两个或多个基础选择器构成，通过不同的方式组合而成的，目的是为了可以选择更准确更精细的目标元素标签。 复合选择器主要分为四类：交集选择器、并集选择器、后代选择器、子元素选择器 交集选择器 交集选择器由两个选择器构成，其中第一个为 标签选择器，第二个为 阅读全文
posted @ 2021-01-14 16:33 栗子姑娘 阅读(304) 评论(0) 推荐(0)
CSS 标签显示模式(display)
摘要：引入CSS样式表（即CSS的书写位置） 行内式（内联样式） 是通过标签内的style属性来设置元素的样式。基本语法格式如下 <标签名 style=" 属性1：属性值1; 属性2：属性值2; 属性3：属性值3; 、、、"></标签名> 语法中的 style 是标签的属性，实际上任何HTML标签都拥有s 阅读全文
posted @ 2021-01-13 17:08 栗子姑娘 阅读(769) 评论(0) 推荐(0)
CSS 初识
摘要：CSS 发展历程 由于HTML的混乱结构和样式，故而产生了CSS样式。 CSS：网页的美容师；主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）、以及版面的布局等外观显示样式；以HTML为基础。 CSS名称：CSS样式表 或 层叠样式表（级联样式表） 阅读全文
posted @ 2021-01-13 13:34 栗子姑娘 阅读(141) 评论(0) 推荐(0)
HTML5新增特性
摘要：文档类型设定（document） HTML：sublime输入 html:4s XHTML：sublime输入 html:xt HTML5：sublime输入 html5:5 <!DOCTYPE html> 字符设定 <meta http-equlv="charset" content="utf-8 阅读全文
posted @ 2021-01-12 15:00 栗子姑娘 阅读(100) 评论(0) 推荐(0)
HTML 表格|表单
摘要：表格（table） 不是布局，是用来处理数据的 表格标签 <table> #行标签 <tr> <td>单元格标签</td> </tr> </table>#表格中没有所谓的列标签，只有行标签<tr>和单元格标签<td> 注意事项 <tr>标签只能嵌套<td>标签 <td>标签中可以嵌套所有元素 表格属 阅读全文
posted @ 2021-01-12 14:58 栗子姑娘 阅读(165) 评论(0) 推荐(0)
HTML 基础
摘要：浏览器内核 渲染引擎 JS引擎（现在基本不常用） 浏览器内核主要有四个： Trident （IE内核） Gecko（Firefox火狐内核）：开源 Webkit　(safari苹果内核) Blink（chrome谷歌内核）：其实是Webkit的分支 Web标准 由W3C与其他标准化组织制定的一系列标 阅读全文
posted @ 2021-01-12 14:56 栗子姑娘 阅读(66) 评论(0) 推荐(0)