学习web前端的第三天(css的简单使用)

小陈努力学前端的第三天:
1.超链接可以同时完成页面跳转和锚跳转。
2.在同一行中可以同时使用td和th吗?
    可以
3.其实,tr标签不是table标签的子标签;table标签的子标签是 thead(表头),tbody(表主体),tfoot(表脚)
    如果开发时table没有写下thead等标签,浏览器会解释自动添加tbody。
colspan rowspan
4.表单标签:
    textarea:多行文本框
    select:下拉列表框
css:
    1.web标准构成:结构(html),表现(css),行为(javascripy)
    2.css样式决定了网页的外观。
    3.css分类:    
        按照css样式代码位置分类:
            行内样式:在标签中使用html属性“style”来引用css样式
            建议尽量少写,行内样式只在该标签中有效
            内嵌样式:在本页面的head头部使用<style></style>标签中书写
            内嵌样式的作用范围就是本页面
            外部样式:建立独立的样式文件来书写css样式:*.css 一般使用专门的文件夹来存放外部css文件
            在页面中引用该样式文件:<link type="text/css" rel="stylesheet" href="css文件名">
            作用范围:引用了该外部样式文件的页面中就有效,尽量使用外部样式   好处:作用范围最宽广;最大程度地复用css样式代码
            html页面文件和样式文件是分离的,有利于开发过程中各个职位的分工合作
    4.样式规则:
        选择器{
            css属性值:值;
            .......
            }
        选择器分类:
            标签选择器:选择器名=标签名
            效果:页面中同一种标签同一种样式
        类选择器:.类名(类名是自己命名){属性名:属性值}
                引用:在标签里面使用 class=“类名”
                效果:页面中同一种标签不同样式,或者不同标签同一种样式
        id选择器:#id名{...}
        引用:标签中  id=“id名”
        效果:页面中唯一,浏览器不会检查页面中引用id选择器是否唯一,程序员约定id选择器在页面中应该唯一。、
        通配符选择器:*
        效果:选择页面中所有的元素
            用来统一设置一个页面中全部文字的字体,字大小,外边距和内边距。
        后代选择器:选择器1 选择器2{......}
        效果:选取出来的元素需要满足选择器2的规则,同时需要位于选择器1选取出来的元素中间,限定了上面的祖先标签。
        伪类选择器:a:linked{......} a:visited{......},a:hover{......}
            效果:超链接+操作的动作来选取元素,a:hover,选取鼠标悬停在它上面的超链接;
    5.属性:
        文字处理:
            字体:font-family:宋体;
            字大小:font-size:16px;(px像素,单位)
            字风格:font-style:italic;(斜体)
            字重量:font-weight:bold;(加粗)
            使用font属性一次性来设置字体,字大小,字风格和字重量
            font: font-style | font-variant | font-weight | font-size | line-height | font-family;
            颜色:color:值
            值的写法:1>颜色的英文单词
                    2>6位16进制的数字:#ffffff;#000000;三基色(红,绿,蓝)
                    3>屏幕拾色器
            对齐方式:text-align:left|right|center;
            默认左对齐
            文字修饰:text-decoration:none|underline;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值