• CSS知识点小结


    在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。

    一、nobr语法

    <nobr>内容</nobr>

    不换行内容放入<nobr></nobr>之间即可。

    此标签与css white-space功能相同。

    html form <label>标签基础语法结构与使用案例教程

    在表单布局中会遇到label标签的使用,label没有任何样式效果,有触发对应表单控件功能。
    比如我们点击单选按钮或多选框前文字对应选项就能被选中,这个就是对文字加了<label>标签实现。

    Html上标:<sup>上浮内容</sup>
    Html下标:<sub>下浮内容</sub>

    通常一对未设置任何样式的span,高宽是自适应内容,多容多少,此标签就占用多少距离空间。

    panhtml中常用的布局标签,div标签区别在于,span随内容而占用高宽空间(紧贴内容),而一对div标签却占用一行。

    首先,相同之处是brp都是有换行的属性及意思
    其次,区别<br />是只需一个单独使用,而<p></p>是一对使用
    再次,br标签是小换行提行,p标签是大换行(分段)各行作用。

    PBr都有换行作用,p标签是段落标签,br是强制换行标签。

    html删除线应用语法:

    <s>www.divcss5.com</s>

    html Hr水平线特点是100%宽度水平分割线,并且独占一行,hr水平线将与上下内容一定距离。

    H1在一个网页中最好只使用一次,如对一个网页唯一标题使用。
    H2H3H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度。

    使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.

    button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

    通常单独使用leftrighttopbottom均无效,需要在使用绝对定位CSS position样式才能生效。

    一般leftright在一个样式是只能使用其一,不能leftright都设置,要么使用left就不使用right,要么使用right就 不使用left,如果leftright均使用将会出现兼容问题,一个对象设置了靠左left多少距离,自然右边距离自然就有了所以无需设置左边。

    .divcss5{text-indent:25px}
    这里divcss5对象内段落首行开头文字缩进了25像素

    css text-indent文本缩进样式属性单词,text-indent的值跟数字+单位组成缩进样式。

    CSS代码:*{ padding:0; margin:0; font-family:"黑体"}

    以上DIV+CSSCSS代码意思:设置网页html中所有标签成员的css样式为padding0margin0,字体为黑体。
    这样就无需像以前那样分别设置网页不同标签元素的css样式表,这样就全面设置和初始化了html标签元素的CSS样式。

    使用到的css样式属性单词text-indent抬头距离,letter-spacing字与字间距。

    如果要让DIV布局居中浏览器中,加入margin:0 auto就不能加入float浮动样式,避免逻辑错误,造成布局居中不兼容。

    无论大div盒子高度多高,小div盒子都居于大div盒子下面与大div底边对齐紧靠紧贴。一般这种不确定的布局要求,通常我们会使用css绝对定位布局来实现。绝对定位常用使用方法,对父级div设置position:relative,子级div设置position:absolute,即可再对子级div设置leftrighttopbottom即可定位子级位于父级里任何位置。

    需要的主要css代码有两个,一个为text-align:center内容居中),另外一个为margin:0 auto其两个样式需要配合使用才能实现div盒子的居中显示排版

    很多浏览器在显示未指定widthfloat元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。另外指定元素时尽量使用em而不是px做单位。

     

    IE在显示指定了marginpaddingfloat元素时有bug。因此不要对float元素指定marginpadding属性(可以在float元素内部嵌套一个div来设置marginpadding)。也可以使用hack方法为IE指定特别的值。

    DIV CSS 继承是指我们设置上级(父级)CSS样式,上级(父级)及以下的子级(下级)都具有此属性。一般只有文字文本具有继承特性,如文字大小、文字加粗、文字颜色、字体等。

     

     

  • 相关阅读:
    pyinstaller相关用法
    yield 与 yield from
    async /await相关知识理解
    调试程序方法pdb
    任务22-4
    任务22-2
    跳台阶
    计算三维空间某点距离原点的欧式距离
    质数判断
    罗马数字转换
  • 原文地址:https://www.cnblogs.com/archermeng/p/7537598.html
Copyright © 2020-2023  润新知