2分钟学习CSS语法结构

为单个标签定义:
br{
    text-align: center;
    color: #000000;
    font-family:宋体;
}
为br标签指定了3个样式属性,包含对其方式、文字颜色及字体。

在网页中一个每个ID只能使用一次,如:
<div id="main"></div>
在CSS样式表中,ID选择符使用"#"符号进行表示,如果需要对ID为main的标签设置样式
表,可以使用如下的格式来书写样式表。
#main{
        font-size: 14px;
        line-heigth: 20px;
}

Class选择符:
Class 选择符与ID不同的是,Class允许重复使用,如页面中的多个元素都可以使用同
一个Class定义,例如:
<div class="font"></div>
<p class="font1"></div>
<h1 class="font1"></div>

Class的定义:
.font1{
                margin: 10px;
                background-color: #000000;
}
无论是什么标签,页面中所有使用了class="font1"的标签均使用此样式进行设置。

类型选择符:
    所谓类型选择符,是指以网页这哦姑娘已有的标签类型作为名称的选择符,它控制页面中
    对应的选择符,如body、div或span,例如:
    body{}
    div{}
    span{}

群组选择符:
    对一组对象的相同样式进行定义,如:
        h1,h2,h3,p,span {
            font-size: 12px;
            font-family:宋体;
        }

包含选择符:
    对已有的某个对象中的子对象进行样式定义,如:
        对ID明为main的对象中的li自对象进行样式定义
        #main li{
            line-height: 25px;
            font-size: 12px;
            font-family:宋体;
        }

        扩展:多级包含
            body p br span {
                fonr-weight: bold;
            }
       
组合选择符:
    对于所有CSS选择符均可以进行组合使用。
    p .font {}
    表示p标签下的所有class为font的标签
    #main p {}
    表示id为mian的标签下的所有p标签
    p .font,#main p {}
    表示以上两者进行群组选择

标签指定选择符:
    p#main {}
    表示针对所有id为main的p标签。
    p.font1 {}
    表示针对所有Class为font1的p标签。
   
伪类及伪对象:
    由CSS自动支持,属于CSS的一种扩展类型和对象,名称不能被用户自定义,
    使用时只能够按照标准格式进行应用。伪类用于区别不同种类的元素(如:
    已访问的连接和可激活的连接,描述了两个定位锚的类型)为对象指元素的
    一部分,例如段落的第一个字母:
        a:hover {
            Bachground-color: #000000
        }

通配选择符:
    *{
        font-size: 12px;
        font-family: 宋体;
    }
    "*"表示所有对象,包含所有不同ID不同Class的所有标签。使用上面的选择符
    进行样式定义,页面中的所有对象都会使用通配选择符中定义的样式。

Python网络爬虫与推荐算法新闻推荐平台:网络爬虫:通过Python实现新浪新闻的爬取,可爬取新闻页面上的标题、文本、图片、视频链接(保留排版) 推荐算法:权重衰减+标签推荐+区域推荐+热点推荐.zip项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全领域),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助。 【资源内容】:包含完整源码+工程文件+说明(如有)等。答辩评审平均分达到96分,放心下载使用!可轻松复现,设计报告也可借鉴此项目,该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的。 【提供帮助】:有任何使用问题欢迎随时与我联系,我会及时解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件(如有),项目工程可直接复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用。
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值