さんか表单框架样式表和样式表选择器

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1030练习网页</title>
    
    <style type="text/css">
    *{color:#00C}/*id class 标签 常用四个选择器*/
    #d1{color:#0F0}/*精确选择一个*/
    .c1{color:#F00}
    span{color:#F00}
    div,span/*并列修改，一起修改*/
    #+空格/*更改子集的选择器*/
    </style>
    <link href="1030外部样式表.css" rel="stylesheet" type="text/css" /><!--外部样式标签link-->
</head>

    <body text="#FF0000">
        <form action="aa.html" method="gte"><!--与用户进行交互.action 表单的指向，指向负责处理的服务端-->
            文本框<input readonly="readonly" type="text" name="用户名" value="hello"/><!--此时该文本框只读-->
            密码框<input disabled="disabled" type="password" name="密码" value="123"/><!--此时该密码框不可用-->
            隐藏域<input type="hidden" name="yc"  value="001"/><!--用在不想让用户看到，但必须提交处理的地方--><br />
            文本域(双标签元素）<textarea name="xq">内容</textarea>
            
            按钮类<br />
            登陆按钮<input type="button"  value="登陆"/>
            提交按钮<input type="submit"  value="提交"/>
            重置按钮<input type="reset" value="重置" />
            图片按钮(也是一个提交按钮）<input type="image" src="file:///D|/壁纸/2016-03-20/208.JPG" /><br />
            
            选择输输入<br />
            单选按钮<input checked="checked" type="radio" name="sex" value="男" />男<!--此时男被默认选中--><input type="radio" name="sex" value="女" />女
            多选按钮<input  checked="checked"type="checkbox" name="爱好"  value="玩"/>玩<!--此时玩被默认选中--><input type="checkbox" name="爱好" value="看书" />看书
            下拉列表<select name="民族">
            <option selected="selected" value="n001">汉族</option><!--此时汉族被默认选中-->
            <option value="n002">回族</option>
            <option hidden="傣族" value="n003">傣族</option><!--此时傣族被隐藏-->
            </select>
            选择文件(用于文件上传）<input type="file" name="123" />除了按钮标签之外，其他标签必须写name属性，按钮标签必须写value属性。
            其他属性：readonly只读.disabled不可用.hidden隐藏.checked做选中，主要用在单选和多选里面.selected做选中，用在下拉列表
            <br />
            
            框架
            <iframe  src="Untitled-2.html"width="500" height="500" frameborder="1" scrolling="yesx"></iframe>将另一网页嵌入到当前网页
        </form>
    </body>
        
        <marquee direction="up"><img src="file:///D|/壁纸/838ba61ea8d3fd1f09d5f225364e251f94ca5fd4.jpg" /></marquee>滚动效果
        <span><mark>苹果</mark>公司最新发布了<hr />macbook</span>强调标签
        分割线标签<hr />

样式表
    内联样式（写在标签里面的样式—）<div style="border-image-outset:">hello</div>优点：控制精确. 缺点：代码重复使用性差，页面代码乱。样式优先级最高<div style="color:#0FC";>hello</div>
    
    内嵌样式（写在head里面）优点：代码重复使用性好.缺点：控制不精确。优先级次于内联
    外部样式  优点：代码重用性最好.缺点：控制最不精确。优先级和内嵌一样
样式的格式（样式名：样式的值。多个样式之间用分号分隔）
    <div id="d1">id选择器</div><!--id名称不能使用中文开头-->
    <div class="c1">这是1</div>
    <div class="c1">这是2</div>
    <div class="c1">这是3</div>
    <div class="c1">这是4</div>
    <div class="c1">这是5</div>
    
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>5</span>
    选择器的优先级，标签选择器的优先级大于星号选择器
    class选择器的优先级高于标签选择器
    id选择器优先级高于class选择器
    
    
复合选择器：，+空格
筛选
        
</html>
さんか表单 框架 样式表和样式表选择器

さんか表单框架样式表和样式表选择器
