day21

一、表单标签



    
        
        表单
    
    
        
        
篮球 足球 游泳

二、表单标签-下拉和多行文本域



    
        
        下拉菜单和多行文本域
    
    
        
账号信息
其他信息

三、空白标签

html中的标签分为两大类
块级标签:一行只能有一个(不管标签的宽度是多少)
h1-h6标签
p标签
hr标签
列表标签都是
table标签
form标签
行内标签:一行可以有多个
a标签
img标签
input标签
下拉列表(select)
多行输入框(textarea)
div标签,是空白标签,没有任何特殊的意义(无语义标签)

四、认识css

1.什么是CSS:

CSS是web标准中的表现标准,用来设置网页上的标签的样式(长什么样,在哪儿)
CSS代码或者是CSS文件,我们叫样式表

目前我们使用的是CSS3。

2.写在哪儿

内联样式表:将css代码写在标签的style属性中
内部样式表:写在head标签中的style标签的内容中
外部样式表:写在一个css文件中,通过head中的link标签来关联

优先级:内联的优先级最高;内部和外部没有绝对的优先,主要是看同一个属性谁最后赋值谁就有效

3.怎么写(css语法)

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

)

补充属性:color-设置字体颜色  background-color--设置背景颜色  width-标签宽度 height--标签高度


    
        
        
        
        
        
        
        
    
    
        
床前明月光

五、css选择器

0.元素选择器(标签选择器):标签名

选中当前所有的标签名对应的标签

1.id选择器:#id属性值

每个标签都有一个id属性,整个html中id的值必须唯一
    
补充:css中的颜色值:
        a.颜色英语单词
        b.十六进制颜色 0-255--00-ff(#ff0000-红色)
        c.rgb值:rgb(红,绿,蓝) rgba(红,绿,蓝,透明度) -透明度0-1

2.class选择器: .class属性值

每个标签都有一个class属性

3.通配符:*

选中所有的标签

4.层级选择器:选择器1 选择器2...

5.群组选择器: 选择器1,选择器2...

-->


    
        
        
        
    
    
        

我是标题

我是span

p111

我是a 我是a2

我是p

我是p2

我是div

六、伪类选择器

伪类选择器: 选择器:状态

  • :link--超链接的初始状态;--- 一次都没有访问成功的时候的状态
  • :visited--超链接访问后的状态--- 已经访问成功的状态
  • :hover--鼠标悬停在标签上的时候对应的状态
  • :active--鼠标按住的状态

给同一个标签通过伪类选择器给不同状态设置不同的样式的时候,要遵守爱恨原则(线要爱才有恨)
LoVe HAte



    
        
        
        
    
    
        百度一下
    

你可能感兴趣的:(day21)