第二届青训营-寒假前端场

110 阅读1分钟

HTML&CSS重点内容补充:

    <style>
        [disabled]{
            background: darkgray;
            color: #999;
        }
        input[type='password']{
            border-color: red;
        }
        a[href^='#']{
            /*a标签的href属性以#开头使适用*/
            /*还有其他的模糊匹配选择器*/
        }
    </style>

<!--    input输入框-->
    <input type="date" min="2020-01-01">
    <input type="number" min="0" max="1">
    <input type="range">
<!--多行文本输入-->
    <textarea>hello</textarea>
<!--属性选择器  disabled表示禁用-->
    <label>用户名:</label>
    <input value="ge" disabled>
<!--特定属性值选择器-->
    <label >密码:</label>
    <input type="password" value="12345">
<!--模糊匹配的属性选择器-->
<!--    text-align:left/right/center/justify  文字的对齐方式-->
<!--    text-decoration:none/underline/overline/line-through  文字修饰,下划线,删除线,上划线-->
<!--学习CSS:利用MDN和W3C CSS规范-->

以上是自己平时不太熟悉的地方,记录了一下。 还有一些HTML/CSS的基本概念: 1.HTML:超文本标记语言 2.CSS:层叠样式表 css的引用方式 css选择器 css常用的字体属性,文本属性,float属性,display属性 border,padding,margin之间的关系 position:absolute与position:relative的关系与区别