zoukankan      html  css  js  c++  java
  • 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全大写、全小写、首字母大写

  • 相关阅读:
    Linux内核网络协议栈优化总纲
    Java实现 蓝桥杯VIP 算法训练 连续正整数的和
    Java实现 蓝桥杯VIP 算法训练 连续正整数的和
    Java实现 蓝桥杯VIP 算法训练 寂寞的数
    Java实现 蓝桥杯VIP 算法训练 寂寞的数
    Java实现 蓝桥杯VIP 算法训练 学做菜
    Java实现 蓝桥杯VIP 算法训练 学做菜
    Java实现 蓝桥杯VIP 算法训练 判断字符位置
    Java实现 蓝桥杯VIP 算法训练 判断字符位置
    Java实现 蓝桥杯VIP 算法训练 链表数据求和操作
  • 原文地址:https://www.cnblogs.com/yumeixin/p/4990900.html
Copyright © 2011-2022 走看看