随笔分类 -  html

盒子模型
摘要：div{ width:200px; padding:20px; border:1px solid red; margin:10px; } border: border-width(可以用像素 也有thin | medium | thick 但不是很常用 ） border-style border-c 阅读全文
posted @ 2020-12-13 14:04 觖泽 阅读(88) 评论(0) 推荐(0)
元素分类
摘要：块状元素 在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内 阅读全文
posted @ 2020-12-12 19:48 觖泽 阅读(690) 评论(0) 推荐(0)
一些额
摘要：font-family设置字体系列 例如： body{font-family:"宋体";} font-size 设置字体大小 例如： body{font-size:12px;} font-weight设置字体粗细： p span{font-weight:bold;} 像H1-H6或者strong标签 阅读全文
posted @ 2020-12-10 22:10 觖泽 阅读(117) 评论(0) 推荐(0)
选择器的优先级/权值计算和！important
摘要：内联样式就是<div style="color:red;"> 如此 选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器 权值计算-特殊性： p{color:red;} .first{color:green;} <p class="first">三年级时， 阅读全文
posted @ 2020-12-10 21:58 觖泽 阅读(338) 评论(0) 推荐(0)
样式的继承
摘要：样式的继承: CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} 阅读全文
posted @ 2020-12-10 21:03 觖泽 阅读(177) 评论(0) 推荐(0)
分组选择器
摘要：例如：h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}又例如 .first,#second span{ color:green; } 阅读全文
posted @ 2020-12-10 21:01 觖泽 阅读(123) 评论(0) 推荐(0)
伪类选择器
摘要：伪装者 - 伪类选择器： 它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠 阅读全文
posted @ 2020-12-10 19:48 觖泽 阅读(148) 评论(0) 推荐(0)
通用选择器
摘要：通用选择器： 通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色 * {color:red;} 阅读全文
posted @ 2020-12-09 20:06 觖泽 阅读(250) 评论(0) 推荐(0)
后代选择器
摘要：后代选择器： 包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后 阅读全文
posted @ 2020-12-09 19:47 觖泽 阅读(1057) 评论(0) 推荐(0)
子代选择器和文字外加框框
摘要：子选择器： 还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框 border:1px sol 阅读全文
posted @ 2020-12-09 19:31 觖泽 阅读(103) 评论(0) 推荐(0)
css类选择器和ID选择器
摘要：类选择器 语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢） 使用方法： 第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <s 阅读全文
posted @ 2020-12-09 19:04 觖泽 阅读(755) 评论(0) 推荐(0)
css的
摘要：内联式： 内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <span style="color:red">这里文字是红色。</span> 注意要写在元素的开始标签里，下面这种写法是错误的： <span>这里文字是红色。</span style="color:red"> 阅读全文
posted @ 2020-12-09 17:21 觖泽 阅读(127) 评论(0) 推荐(0)
注释
摘要：HTML部分用<!--注释语句--> css部分用 /*注释语句*/ 阅读全文
posted @ 2020-12-07 21:28 觖泽 阅读(46) 评论(0) 推荐(0)
url
摘要：1、input的type属性设置为url,则表示该输入框的类型为网址。 2、数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。 阅读全文
posted @ 2020-12-06 17:01 觖泽 阅读(147) 评论(0) 推荐(0)
input
摘要：1、type： 当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 type="number"时，输入框的类型为数字(输入其他类型无效） 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。 阅读全文
posted @ 2020-12-06 16:57 觖泽 阅读(642) 评论(0) 推荐(0)
使用thead、tbody、tfoot定义表格
摘要：1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。 2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时 阅读全文
posted @ 2020-12-06 14:48 觖泽 阅读(1888) 评论(0) 推荐(0)
为网页添加表格
摘要：创建表格的四个元素：table、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td 阅读全文
posted @ 2020-12-06 14:47 觖泽 阅读(623) 评论(0) 推荐(0)
HTML笔记
摘要：css是用来修饰html样式的 &nbsp; 空格符。 <aside>标签 <span>标签自定义文字样式。 <section>标签 信息列表<ul> <li> </li> </ul>　实现<ul>里可以嵌套<ul> 有序信息列表<ol> <li> 实现 <img src="图片地址" alt="下 阅读全文
posted @ 2020-12-03 22:08 觖泽 阅读(87) 评论(0) 推荐(0)