CSS——display属性
CSS
|
​ display属性值(用于元素性质的转换) 1.块级元素（display:block） 独占一行，宽度默认占满父容器，可设置宽高。独占一行 <div>, <p>, <h1>~<h6>, <ul>, <li> 等。 div { display: block; width: 2…
CSS——浮动&清除浮动（防止高度塌陷）
CSS
|
​ 一、浮动   语法：float: right/left/none;  目的：让块级元素呆在一行。 作用：浮动元素会脱离标准流（简称：脱标），在标准流中不占位置 半脱离特性： 盒子脱离标准流，但文字仍会环绕 表现为"脱离但未完全脱离"的特殊状态 实际表现：当第一个div浮动后，第二个div会顶替其原有位置，但文字会环绕浮动元素 类比说明…
CSS——标准流&定位流
CSS
|
​  一、标准流 标准流又称文档流，是浏览器渲染网页时默认采用的排版规则，即HTML标签的默认显示方式，如div独占一行、span同行排列等。 实际表现: 块级元素(如div)：从上往下，垂直布局，独占一行 行内元素或行内块元素(如span、a)：从左往右，水平布局，空间不够自动拆行 行内元素设置宽高无效，块级元素设置有效 二、定位流 属性posi…
CSS——选择器进阶（伪类选择器&emmet语法）
CSS
|
​ 目录 一、hover伪类选择器 代码示例 二、Emmet语法 1. Emmet语法的作用 2. Emmet语法的示例 1）基础标签生成 2）类选择器生成 3）ID选择器生成 4）复合属性生成 5）同级元素生成 6）父子元素生成 7）重复元素生成 8）内容填充生成 9）数字序列生成 10）CSS属性简写 11）多属性组合生成 12）内容递增扩展 …
CSS——基础样式练习
CSS
|
​  ​编辑   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g…
CSS——复合选择器
CSS
|
​  用上次的实例来实例： ​编辑 源代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m…
CSS——引入方式
CSS
|
​  目录 基础认知 1. 体验CSS CSS的作用 CSS语法规则 2. CSS引入方式 1）内嵌式 2）外联式 3）行内式 3. CSS引入方式小结    基础认知 CSS（cascading style sheets，层叠样式表单）简称为样式表，是用于（增强）控制网页样式，并允许将样式信息与网页内容分离的一种标记性语言。简单用房子比…
HTML表单
HTML
|
​  目录 实例 action属性 input属性  type ①type="text"—文本输入框 ②type="password"—密码框 ③type="radio"—单选框  ④type="checkbox"—多选框 ⑤type="submit/reset/image/button"—按钮 ⑥type="date"—日期输入   ⑦type=…

Warning: Trying to access array offset on false in /www/wwwroot/irosky.space/wp-content/themes/argon/functions.php on line 319
thumbnail
HTML表格练习(仅使用html布局） – OMORI
HTML
|
​  目录 实例展示 简单表格的创建 表头： 表格标题： 表格设置样式属性 合并单元格-允许单元格跨越多行和列      实例展示 [caption id="attachment_79" align="alignnone" width="300"] OMORI[/caption] ​编辑 <!DOCTYPE html>…