• java学习与应用(4.1)--HTML、CSS


    文件标签

    文件标签html、head、title、body。html5使用<!DOCTYPE html>表示html文档,meta的charset指定字符集。<!--              -->注释
    文本标签h1--h6(标题标签),p(段落),br(普通回车解析为空字符),hr(水平线,color颜色,width宽度,size高度,alien对其方式[center left right]),b(加粗),i(斜体),font(字体,color颜色、size大小、face字体)
    标签属性中,color颜色表示:可以用red等,建议#值1值2值3(红绿蓝)(取色器)。width表示:数值(px),百分号(占比,相对父元素)。center标签,居中。
    特殊字符,对应的字符编码表。手册-->符号。
    图片标签img <img />自闭合(src路径[相对路径即可],alien[部分不支持],alt加载失败显示,width宽,height高)。
    列表标签:有序ol(order list,属性type更换样式,start起始位置)、li(每一项)。无序列表ul(unorder list,type),li(每一项)。
    链接标签:a标签(属性href跳转URL[本地或网络](mailto:xxx@qq.com选项启动本地邮件),target属性_self本页面打开_blank新建选项卡)
    块标签:span(包裹作用,默认无效果,默认不换行一行),div标签,自动换行。
    语义化标签:header,footer,用来提高程序可读性,结合css使用。(html5)。
    表格:只有行的概念。table定义表格(border线宽,width宽度,cellpadding边沿内容间空白,cellspacing单元格间空白,bgcolor背景色,alien对齐),tr定义行(颜色,对其方式),td定义行内单元格(rowspan行合并,colspan列合并,以第一个行单元格写入),th定义表头单元格。
     caption表格标题。thead,tbody,tfoot(类似语义化标签,有位置定义作用,非html5)。

    表单标签

    表单标签:form标签定义表单(action提交地址,method提交方式[7种,get请求参数在地址栏显示,请求参数长度有限制,安全低 post请求参数封装到请求体中,请求参数无限制,安全高]),
    input标签(type类型(text文本输入[placeholder提示信息],password密码输入,radio单选框[name属性一致一组,不同value,checked默认选中],checkbox复选框(也指定name和value,checked默认选中),value值,name属性指定的标签数据才能提交),
    file选中文件,hidden隐藏域,看不到但会提交,submit提交,image图片提交按钮,button普通按钮,color取色器,date日期,datetime-local日期和时间,email邮箱(带校验),number数字(校验)。
    select下拉列表(定义name),option选项(定义value)selected默认选中,
    textarea文本域(clos列数,rows行数,定义name)
    label便签(for属性和input的id属性对应,让input输入框获取焦点(套入输入框的提示文本)),指定输入项的描述信息。

    CSS样式表

    CSS(Cascading Style Sheet层叠样式表),
    内联样式:在标签内使用style属性,每个键值对使用:,之间使用;隔开。
    内部样式:在head标签中定义style标签。style标签内,写入css代码。
    外部样式:在css文件中写入css代码,使用link标签(href路径属性,rel样式)引入css代码。也可以通过style标签中写入的@import引入css文件。
    css格式:  选择器{属性:属性值;xxx:xxx;}。
    选择器:基础选择器:id选择器(#id属性值{},优先级高于元素选择器),元素选择器(标签名{}),类选择器(.名称{},使用标签的class属性调用,高于元素选择器,低于id选择器)。
    拓展选择器:*表示选择所有元素,并集选择器(选择器1,选择器2{}),子选择器(选择器1 选择器2{}选择元素1下的元素2),父选择器(父标签 > 子标签{},作用于父标签)
     属性选择器(元素名[属性名=属性]{},选中有该属性的标签),伪类选择器,选择一些元素具有的状态,格式如:XXX(如a等标签):输入关键字(如link初始化状态,visited访问过,hover悬浮,active正在访问等属性){}
    常用属性:字体font,font-size大小,color颜色,text-alien对其方式,line-height行高,border复合属性(定义大小)
    边框,border(宽度,线性,颜色等),height高,width宽。background复合属性(图片路径,是否重复,位置,等),border-radius设置圆角。vertical-alien垂直样式,
    盒子模型:控制布局。margin外边距(复合属性,auto居中)(相对于当前的对象),padding内边距(相对于当前的对象)。默认情况下内边距会影响盒子大小(box-sizing:border-box使得大小为最终大小)。
    float浮动:多个div设置浮动,使得div在一行展示,属性有left,right,center等。

  • 相关阅读:
    C#中判断是否为数值
    html中网页自动刷新设置
    html中多行文本及文件提交
    商品库存秒杀方案总结
    记一次asp.net core 线上崩溃解决总结
    Eova 怎么放在 Docker中,使用阿里云流水线构建Eova!!
    阿里云 asp.net core nginx 单机部署
    Tidb go mac 上开发环境搭建
    jexus+.netcore+identityserver4 部署支持ssl(https)
    使用mha 构建mysql高可用碰到几个问题
  • 原文地址:https://www.cnblogs.com/bai2018/p/12301886.html
Copyright © 2020-2023  润新知