CSS语法、选择器、声明的方法


这篇文章主要讲解了“CSS语法、选择器、声明的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS语法、选择器、声明的方法”吧!一、HTML表单
账号:密码:性别:女兴趣爱好:音乐看书打球头像上传:城市:简介:
二、CSSCSS指层叠样式表,样式定义如何显示HTML元素,样式通常存储在样式表中。 三、CSS如何使用内联方式:样式定义在单个的HTML元素中内部样式表:样式定义在HTML页的头元素中外部样式表:将样式定义在一个外部的CSS文件中(.css)由HTML页面引用样式表文件

/*css的注释*/h3{color:red;}1.内联样式2.内部样式3.外部样式四、CSS规则特性继承性:父元素的声明可以被子元素继承,如字体、颜色等。层叠性:同一个元素若存在多个css规则,对于不冲突的声明可以叠加优先级:同一个元素若存在多个css规则,对于冲突的声明以优先级高着为准。

/*1.继承性:父元素的样式可以被子元素继承(颜色、字体)*/body{font-family免费云主机域名:”楷体”,”微软雅黑”;}/*2.层叠性:给一个元素设置不同的声明,其效果会叠加*/h2{color:red;}h2{font-size:50px;}/*3.优先级:给同一个元素设置相同的声明,效果以后者为准,即就近原则*/h3{color:green;}/*…..*/h3{color:yellow;}五、CSS选择器元素选择器:通过元素名来选择css作用的目标 比如、类选择器:允许以一种独立于文档元素的方式来指定样式 语法为:.className{}id选择器:选择id等于某值的唯一元素。以一种独立于文档元素的方式来指定样式,它仅作用于id属性的值*/选择器组:写出一组选择器选中每个选择器所对应目标的并集

/*2.类选择器:选择class等于某值的所有元素,class是程序员根据逻辑自己给元素增加的分类*/.day{color: blue;}/*3.id选择器:选择id等于某值的唯一元素。以一种独立于文档元素的方式来指定样式,它仅作用于id属性的值*/#fighting{color:red;}/*4.选择器组:写出一组选择器选中每个选择器所对应目标的并集*/.day,#fighting{font-weight: bold;}/*5.派生选择器*//*5.1选择某元素的子孙*/#p5 b{color:red;}/*5.2选择某元素的儿子*/#p5>b{font-size: 30px;}/*6.伪类选择器:根据元素的状态选择选择器*//*6.1选择未访问过的超链接*/a:link{color:green;}/*6.2选择已访问过的超链接*/a:visited {color: red;}/*6.3选择激活态(正在点)的按钮*/#i1:active{background-color: blue;}/*6.4选择有焦点的文本框、密码框、文本域*/#i2:focus {background-color: green;}/*6.5选择鼠标悬停态(触碰)的图片*/img:hover{width: 250px;height: 250px;}昨天又是忙碌的一天今天也是忙碌的一天后天又是忙碌的一天不管怎么样,生活还得继续呀北京市海淀区200号5号楼5号房百度淘宝错误的网站边框:

/*1.四个边设置相同的边框*/p{border:1px dashed red;}/*2.单个边设置边框*//*left/right/top/bottom*/h2{border-left: 10px solid blue;}/*3.块元素一般宽度默认是100%,高度为自适应,内容越多,它越高。当给他固定高度时,可能会导致内容溢出,*/p{width: 300px;height: 60px;/*溢出时的处理*/overflow:auto;}李白(701年-762年) ,字太白,号青莲居士,又号“谪仙人”,是唐代伟大的浪漫主义诗人,被后人誉为“诗仙”,与杜甫并称为“李杜”,为了与另两位诗人李商隐与杜牧即“小李杜”区别,杜甫与李白又合称“大李杜”。据《新唐书》记载,李白为兴圣皇帝(凉武昭王李暠)九世孙,与李唐诸王同宗。其人爽朗大方,爱饮酒作诗,喜交友。边距:

div{border:1px solid red;width:100px;height:100px;}/*1.四个边设置相同的边距()*/#d1{padding:20px;margin:30px;}/*2.四个边设置不同的边距(上右下左)*/#d2{padding:10px 20px 30px 40px;margin:40px 30px 20px 10px}/*3.单个边设置边距left/right/top/bottom*/#d3{padding-left: 20px;margin-bottom: 40px;}/*4.对边设置相同的边距*//*先上下 后左右*/#d4{padding:20px 40px;margin:30px 10px;}/*5.对边设置边距的特例*//*在设置外边距时,若左右外边距值为auto,则该元素水平居中*/#d5{margin:20px auto;}感谢各位的阅读,以上就是“CSS语法、选择器、声明的方法”的内容了,经过本文的学习后,相信大家对CSS语法、选择器、声明的方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: C++怎么实现双向链表

这篇“C++怎么实现双向链表”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“C++怎么实现双向链表”文章吧。前面文章分析了单向链表,并给出了pyt…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/18 20:45
下一篇 01/18 20:45

相关推荐