zoukankan      html  css  js  c++  java
  • day_02 javaweb. css。HTMl文件编写学习

    语言标识简介
    HTML 超文本标记语言

        标记
          div: 布局 切割 分割 划分区域(双标记<div><div>主要用于在网页上切割区域使用)
        span: 标记 存放文本信息(双标记<span><span>用于在div切割的区域内放置文本信息 )
        script: 脚本
        style: 风格/样式(双标记<style><style>head里对html里标识整体进行属性设置*)
        meta: 元 元数据 设置编码集(单标记<meta>在head里对html总体规则进行设置)

             选择器: 三种基本选择器(对标记进行命名)
      id :使用方法为在标记属性里对标记设置为id=***,引用方式为#***{}
            class:使用方法为在标记属性里对标记为.class{}
                标记: 使用方法为在直接饮用如head可引用为head{}
             样式
                 height   高
                 width   宽
                 background-image  插入背景图片
                 background-color  插入背景颜色
                 background-size  背景大小
                 background-repeat  背景重复
                 font-size   字体大小
                 font-weight  字体高度
                 font-family  字体类型
                 margin   外边距,外间距
          bottom   底部,下部,下边
                    margin-bottom  设置下边距
                 display   强制性改变标签的特性
                 position   移动页面中的某一个标记,需要使用定位属性
       位置移动的属性
                 relative  相对的
                    absolute  绝对的
          父标记使用相对定位,字标记使用绝对定位---->父相子绝
                 left   左边的,靠左的;实际上往右移动   距离左边多远    水平方向上移动
                 top   上边的,靠上的;实际上往下移动   距离上边多远    垂直方向上移动
                 border-radius
                 overflow:hidden(在对主体插入的图片进行溢出隐藏,让图片在一页里显示完全)
    
    
       页面的结构  首航生成文档类型>根标记>头部标记/主体标记

    
    
    <!DOCTYPE html>
    
    
    <head>(双标记的头,head 控制器的意思,对网页的设置基本都可以在这里设置)
    
    
    <meta>(控制器里对规则进行设置)

    charset:UTF-8(意思是网页从二进制转码用的通用字符集为UTF-8)

    <style>三种标记控制器
    body=.C
    
    
    {
    background-image:url("图片地址");(背景图片插入格式)
    background-size:100% 100%;(背景图片大小设置宽 高)
    background-repeat:no-repeat;(背景图片的重复方式设置为不重复,能够让图片占满页面不会按照图片大小来100%铺到屏幕上进行重复)
    position: relative;(定位设置,body是主体那么是页面上所有div的父元素,relative为相对定位)
    }


    #a=.b{
    height: 200px;(设置此div的高度单位为像素)
    600px;(设置此div的宽度单位为像素

    border:1px solid transparent;(设置此div的边框为1个像素,直线,出现的意思就是出现边框方便调整)
    
    
    font-size:40px;(此div里所有字体大小设置)
    position: absolute;(此div的方位设置为绝对定位)
    left:300px;(意思为距离左边像素单位长度,也就是向右移动)
    top:200px;(意思是为距离上边像素单位长度,也就是向下移动)
    color: slategray;(意思是此div的颜色设置)
    border-radius: 4%;(意思为边框四周的圆角角度)
    text-align:center(字体的配列方式为:居中)
     
    }
    </style>
    </head>
    
    
    <body class=c>
    <div id=a class=b >
    <span style样式:font-size:20px字体大小;color:颜色>hasiaoi
    </span>
    
    

    <div>


    </body>
     
    <>html>
    
    
  • 相关阅读:
    有向图的十字链表存储表示 以及相关操作(包括增加弧、删除弧、删除顶点等)
    数据结构学习笔记—图---图的连通性、顶点间的路径
    解决Vue父路由进入子路由选中样式消失的问题
    解决vue页面刷新,数据丢失
    解决PHP接收不到axios的POST的传参方式
    rem理解及应用【笔记】
    JS基础(学习笔记)
    css中的小技巧
    css中文单行、多行超出省略号和英文换行(学习笔记)
    关于JS(原生js+jq)中获取、设置或者删除元素属性和获取元素值
  • 原文地址:https://www.cnblogs.com/rosiness/p/13812419.html
Copyright © 2011-2022 走看看