HTMLCSS 内容简单回顾

    科技2024-10-02  21

    HTML内容简单回顾:

    什么是HTML:超文本标记语言

    p标签:段落标签

    br标签:简单换行

    h1-h6:标题标签

    hr标签:水平分割线,华丽的分割线

    font标签:color属性改变颜色,size默认3

    b标签:加粗

    i标签:斜体

    strong标签:带语义的加粗

    em标签:斜体标签,带语义

    img标签:图片标签

    src: 指定图片路径(相对路径) width: 宽度 height: 高度 alt: 图片加载失败时的提示 相对路径:

    ./ 代表当前路径

    . ./ 代表的是上一级路径

    . ./. ./ 代表的是上上一级路径,依次类推

    ul标签:无序列表

    ol标签:有序列表

    li标签:列表项

    a标签:超链接标签:

    target:打开方式

    href:指定要跳转的链接地址

    table标签:table > tr > td

    tr标签:行 td标签:列 合并行:rowspan 合并列:colspan form 标签:表单标签,主要是用来向服务器提交数据

    method:提交方式:get,post action:提交的路径 input 标签:

    type: password:密码框 text:文本 submit:提交 button:普通的按钮 reset:重置按钮 radio:单选按钮,设置name属性,让它们是一组 checkbox:复选按钮 email:邮箱 date:日期 tel:手机号码 frameset:框架标签

    rows: cols: frame:


    CSS部分的回顾:

    CSS:层叠样式表.

    CSS作用:美化页面,提高代码的复用性。

    CSS选择器,需要掌握的有:

    元素选择器:标签的名称 类选择器:以 . 开头 ID选择器:以#开头,#ID的名称,ID必须是页面上唯一的 优先级:行内样式 > ID选择器 > 类选择器 > 元素选择器

    当存在一样的选择器时,就近原则。

    扩展选择器:

    选择器分组:选择器1,选择器2 以逗号隔开 后代选择器:爷爷 孙子 中间以空格隔开 子元素选择器:爸爸 > 儿子 属性选择器:选择器[属性的名称=’’] 伪类选择器:超链接标签上使用 浮动:float属性,值left right

    清除浮动:写一个空白div,加clear属性,值both left right

    盒子模型:顺时针,上右下左

    padding:内边距,控制盒子内容与边框之间的距离 margin:外边距,控制盒子与盒子之间的距离 绝对定位:

    position:absolute top: left:

    Processed: 0.009, SQL: 8