day22作业

css

.title {
    height: 50px;
    background-color: green;
}

div h2 {
    padding-top: 10px;
}

a:link {
    text-decoration: none;
    color: black;
}

a:visited {
    color: black;
}

a:hover {
    font-size: 25px;
}

a:active {
    color: blue;
}

#tip{
    width: 50px;
    height: 50px;
    background-color: gray;
    position: fixed;
    right: 10%;
    bottom: 10%;
    padding-top: 25px;
}

html

    
        
        
        
    

    
        
index
        

            

                

                    input标签
                
                

                    表单标签
                
                

                    空白标签
                
                

                    认识css
                
                

                    css标签
                
                

                    伪类选择器
                
            
        
        

            
input标签
        
        

            

                
input标签(单标签) --- text (文本输入框)
                

                    
表单标签
                    
type属性:text - 普通文本输入框
                    
type属性：password --- 密文显示
                    
name属性：必须设置
                    
value属性：标签内容
                    
placeholder属性：占位(提示信息)
                    
maxlength:输入框最多输入的字符个数
                    
readonly:不能输入内容
                
                
input标签 --- 单选框
                

                    
type属性：radio
                    
name属性：同一类型对应的多个选项的name相同
                    
value属性：设置提交的值
                    
checked属性：设置为checked，让按钮默认处于选中状态
                    
                
                
input标签 --- 多选按钮
                

                    
type：checkbox
                    
name:同一类型对应的name也必须一样
                    
                
                
input标签 --- 普通按键
                

                    
disabled:让按钮处于失效状态
                    
reset:让当前所在的form表单中所有的表单相关标签对应的值，回到最初的状态
                    
                
                
input标签 --- file文件选择器
                

                    
选择文件
                
            
        
        

            
表单标签
        
        

            

                
fieldset
                

                    
一个fieldset标签对应一个表单分组
                    
legend标签：分组名
                
                
select - 下拉菜单
                

                    
option:选项
                    
selected:默认选中
                
            

        
        

            
空白标签
        
        

            

                
html中标签分为两大类:块级标签和行内标签
                
块级标签：一行只能有一个(不管标签的宽度是多少)
                

                    
h1-h6
                    
p
                    
hr
                    
div
                    
ul
                    
ol
                    
dl
                    
li
                    
table
                    
form
                
                
行内标签：一行可以多个
                

                    
a
                    
img
                    
input
                    
select
                    
textarea
                
                
div标签 --空白标签
                

                    
没有任何特殊的意义(无语意标签)
                
            

        
        

            
认识css
        
        

            

                
什么是css
                

                    
css是web标准中的表现
                
                
写在哪儿
                

                    
内联样式表：将css代码写在标签的style属性中
                    
内部样式表：写在head标签中的style标签的内容中
                    
外部样式表：写在一个css文件中，通过head中的link标签进行关联
                    
                
                
怎么写
                

                    
选择器(属性：属性值；属性：属性值)
                    
选择器：用来选中需要设置样式的标签
                    
属性：css属性(css中的属性有两百多个)
                    
属性值：如果属性值是数字、表示的是大小要在后面加px
                    
注意：每个属性之间要用分号隔开，否则属性无效
                    
                
            

        
        

            
css标签
        
        

            

                
元素选择器(标签选择器)：标签名
                

                    
选中所有的标签名对应的标签
                
                
id选择器：#id值
                

                    
每个标签都有一个id属性，整个html中，id的值必须唯一
                
                
class选择器：.class属性值
                

                    
每个标签都有一个class属性
                
                
通配符：*
                

                    
选中所有的标签
                
                
层级选择器:选择器1 选择器2……
                
群组选择器：选择器1，选择器2，……
            
            

                
css中的颜色值：
                

                    
颜色名(英文)
                    
16进制的颜色值
                    
RGB值：rgb(红，绿，蓝)
                    
rgba:rgba(红，绿，蓝，透明度) 透明度的值0-1
                
            

        
        

            
伪类选择器
        
        

            

                
伪类选择器：选择器：状态
                

                    
link：初始状态(一次都没有访问成功的状态)
                    
visited：超链接访问后的状态
                    
hover：鼠标悬停在标签上的状态
                    
active：鼠标按下的状态
                
                
给同一个标签通过伪类选择器给不同状态设置不同的样式的时候要遵守爱恨原则(先要爱才有恨)
    LoVe HAte
            

        
        

            TOP