W.b前端 day1,day2笔记

最新推荐文章于 2025-12-15 06:58:03 发布

原创最新推荐文章于 2025-12-15 06:58:03 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #笔记

这篇文章介绍了HTML的基本标签，如标题、段落、图像和音频视频元素，以及表单和交互元素如input类型和表单属性。还涵盖了CSS的基础知识，包括选择器、样式规则和复合选择器的用法。

day1.
<!-- 注释 :对代码进行解释    ctrl+/-->
<!--  h 标题标签     h1-h6逐渐变小  独占一行-->
<!-- p 段落标签   p 行与行之间空 -->
<br> 元素在文本中生成一个换行（回车）符号
<!-- div容器，独占一行   多用于布局-->
<!-- span一行可存在多个 -->
<!-- img  src指向图片位置  alt:图片地址发生错误时，用来提示的字 -->
video controls:控件 autoplay：自动播放 muted:静音播放  poster：等待加载时的显示图片
a href target
锚链接：<a href="#one">  <div id="one">
<audio> HTML 元素用于在文档中嵌入音频内容
<ol> 元素表示有序列表，通常渲染为一个带编号的列表 ol  li
ul li
dl  dt   dd
<iframe>  The iframe element represents a nested browsing context
&lt:<   &gt:>  &deg:°

day2.
块元素  行内元素  行内块元素
table thead tbody  tfoot   tr td
border="10px" width="900px" height="400px" cellspacing="0"
rowspan="2"  colspan="5"  align="right"
details：详情标签         配合summary使用
tabindex 全局属性 指示其元素是否可以聚焦
表单：网页交互区，收集用户信息 action:将数据交给谁处理  name：必有属性  method：提交方式
input type="text" /"checkbox" /"hidden"/"reset"/"button"/"number"/"color"
id身份证号，在一个页面中只能出现一次  accesskey  设置快捷键
link 外部样式
css基本结构
        选择器{
            属性名： 属性值；
            属性名： 属性值；
类选择器:.   id选择器:#  
子代选择器 .a>li  后代选择器： .a li 
font-style: italic/normal;  font-family: "微软雅黑"; 
复合选择器： div,
 p,
span {
   color: red;
      }
/* type^="te"以te开头 */
input[type^="te"] 
/* type&="l"以lj=结尾 */
input[type$="l"]