• CSS基础知识真难啊


    CSS层叠样式表Cascading Style Sheets

    CSS派生选择器(上下文选择器):

    • 后代选择器:h1  strong {color:red;}第一个参数和第二个参数之间的代数是可以无限的
    • 子元素选择器:h1 > strong {color:red;}只会选择某个元素的子元素,而不会扩大到任意的后代元素
    • 相邻兄弟选择器:h1 + strong {color:red;}会选择某一元素紧随其后的元素,但是前提是他们拥有相同的父级(即选择跟在h2后面的strong元素)

    CSS ID选择器

    CSS类选择器

    CSS属性选择器:p[class="important warning"] {color: red;}查看 http://www.w3school.com.cn/css/css_selector_attribute.asp

    在《记》中也有提及

    把css应用到网页中有3中方式:行间样式表、内部样式表、外部样式表

    --------------------------------------------------------------------------------------------

    ol与ul的区别:ol是有序的,即带数字,默认为<ol start="1">从1开始,<ol start="50">表示从50开始

    background:linear-gradient(120deg,red,blue);线性渐变(角度默认180deg)

    white-space:nowrape;overflow:hidden;text-overflow:ellipsis;在某一元素内文字超出显示省略号

    --------------------------------------------------------------------------------------------

    替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。

    比如:<img>、<input>、<textarea>、<select>、<object>都是替换元素

    其余的大多数元素是不可替换元素,他们将内容直接告诉浏览器,将其显示出来<p><div>等

    除了可替换元素和不可替换元素的分类方式外,css中元素还有另外的分类方式:块级元素(block-level)和行内元素(inline-level,也译作“内联”元素)。

    如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。用em作单位。宽度之和<99%

    --------------------------------------------------------------------------------------------

     display:block和display:inline-block的区别:按行显示,

    dianplay:block是因为元素后面紧跟了一个回车,而dispaly:inline-block是将后面的回车转换成了空格,虽然能够按行显示,但是中间肯定会有一部分空隙。

    -------------------------------------------------------------------------------------------

    text-align: justify;让文本两端对齐

    text-transform全大写、全小写、首字母大写

  • 相关阅读:
    (转) 建立自己的MemberShip数据库
    '??' 语法
    c# 静态构造函数(转)
    ReSharp+VAssistX+VS2003 的个人设置
    支持多种数据类型的ListView排序
    学习笔记
    Java实验报告(实验二)
    Java实验报告(实验一)
    java数组中null和空的区别。
    网页选项卡功能
  • 原文地址:https://www.cnblogs.com/yumeixin/p/4990900.html
Copyright © 2020-2023  润新知