如何使用css使页面更加完善

本文详细介绍了CSS层叠样式表的基础选择器,如id、类和标签选择器,以及复合选择器的应用。涵盖了样式属性如字体、颜色、布局和盒模型,还展示了如何通过编辑百度网页元素和应用CSS实现页面美化。

1、css层叠样式表
    基本选择器
        id选择器
        类选择器
        标签选择器
        后代选择器
    复合选择器
        后代选择器
        父子选择器
    引入方式
        行内引入
        内嵌式
        链接外部样式表
        导入.css文件

2、css样式属性
        常用字体属性
            font-family :指定字体类型
            font- size:指定文本的字体大小
            font-style:指定文本的字体样式
            font-weight:指定文本的字体粗细
            font:在一个声明中设置所有的字体属性
        图标字体
        常用文本属性
            color:设置文本颜色
            text-align:对齐元素中的文本
            text-decoration:向文本添加修饰
            line-height:设置行高
        常用文本属性
            width:元素的宽度
            height:元素的高度
            background:背景颜色
            opacity:元素透明度
            overflow:指定如果内容溢出一个元素的框,会发生什么。
    css盒模型
        内容
            content内容
            width宽度
            height高度
        内边距
            padding
        边框
            border
        外边距
            margin

3、关于百度网页的完善

(1)编辑页面元素及文字

 此时页面效果

(2)使用css进行元素样式设定

最终效果图

 

 

 

评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值