11.20

本文详细介绍了HTML中的各种基础标签如字体、颜色、布局、列表、链接、图像和表单,以及CSS中的选择器、样式、布局属性和定位技巧,为网页开发初学者提供了全面的基础知识。
摘要由CSDN通过智能技术生成

1.加粗字体<strong></strong> <b></b>
2.横向移动<marquee></marquee>背景色bgcolor=“”(属性)
3.标签可以嵌套
4.i/em  文字变斜体
5.u  文字下划线
6.del  删除线
7.br 换行
8.p 段落
9.pre 预格式化段落10.span 标准行内标签,一般用来修饰文本
11.div 标签块标签,一般用来布局页面 划分区域
12.sub 下标
13.sup 上标
14.hr 水平分割线
15.hn 标题标签(共六级,h1,h2......)
16.dl 自定义列表
     ul 无序列表
     ol 有序列表
17.超链接<a href="">
18.锚链接<a href="#id">
         < id="">
19.图片标签
20.文字对齐align=""
21.与图片水平距离hspace 竖直vspace
22.视频标签<video src="" controls>循环loop
23.音频标签<audio>
24.特殊字符&lt; <
          &gt; >
          &nbsp; 空格
                 &copy; 
          &quot; 
25.表单标签  <form action="#">
            <input type="text" name="" id="">  </form>
             <input type="radio" name=”xingbie“>男
              <input type="radio" name=”xingbie“>女
               <input type="checkbox" name=”hobby“>吃 checked默认选
submit提交 
<button>确认输入</button> vaule="点击"(值)
文本域<textarea name="" id="" cols="" maxlength="最多输入"></textarea>
表单禁用disabled
下拉框<select name="city" id="">
<option value="地名">地名</option>
disable placeholder="提示"
26.表格标签 <table></table>只能表示行
th头 加黑
tr表示一行
边框<tbody border="10px" width="" height="" cellspacing="0">
水平align竖直valign
合并单元格<td colspan="几个单元格(数字)">跨行 要删一个
跨列<td rowspan="">
bgcolor背景色
27.扩大标签<label></label> <label for="nv">男</label>
28.iframe标签 <iframe src="">
29.可以关闭的对话框 <diallog open>默认关闭
30.<details></detials> 详情 中间可以加<summary></summary>改变(详情)
31.全局属性 
复习
32.font-family 字体名称
font-size 字体大小
font-style:italic;倾斜
font-weight:bold;字体加粗
文本样式 text-indent
              font-size
               line-height行高
居中:text-align right/center/justify(文本行间对齐方式)
word-spacing改变单词间隔的
标签水平居中margin:0 auto;
文本装饰 text-decoration:underline下划线
文本颜色 color
文本方向 direction:rtl;
列表样式 去小黑点list-style-type:none;(设置列表样式)
list-style-image:url(地址);
list-style:none;
背景图片background-image: url(地址)
background-repeat:no-repeat;
background-position:left top;
background-size:cover;
background-attachment:fixed;


css层叠样式表
1.tabindex 使标签能被tab便利
contenteditable=“可以被修改”
2.style标签引入css
3.外联link rel="stylesheet" href=""
4.基本选择器
标签选择器 标签{}
id选择器#id{}
类选择器.{}
通配符选择器*{}
包含选择器:
子代选择器  .名字>li{}
后代选择器   空格li{}
复合选择器   标签,
属性选择器  标签【type=“属性”】{颜色}
type^=选择以什么开头
type*=
type$=选择以什么结尾
伪类选择器 一个标签不同的状态,不同的样式(伪类有顺序)
hover鼠标悬停时
active鼠标下放
visited访问后
5.伪元素
伪元素选择器:li::before/after{content:“ ”}
ul li:nth-child(){}

11.28
1.块级元素 默认情况下独占一行 div,h,li等   块级元素可以设置宽,高,行高,内外边框 ol,dl也是块级元素
2.内联元素:span等 和其他元素在同一行
 不能设置宽高,内外边距不能设置
3.内联块级元素:img,input标签  不能独占一行 ,可以设置宽高,可以设置内外边距
4.边框 加边框border
      border-widyh边框的宽度
          border-style边框的样式
          border:1px solid red;
      border-radius:20px/百分比     边框的弧度
border-top-right-radius:40%;
5.合并相邻边框  table
border-collapse
6.文本域 不可以拖拽resize:none;
文字对齐vertical-align:middle;(中)
7.鼠标样式 cursor:;
8.相对定位 position:absolute;
9.定位中优先级 z-index:
10.固定定位 position:fixed
11.粘性定位 position block

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值