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>

原文地址:https://www.cnblogs.com/rosiness/p/13812419.html