首页 / CSS / JavaWeb知识点:CSS
JavaWeb知识点:CSS
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaWeb知识点:CSS,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2502字,纯文字阅读大概需要4分钟。
内容图文
![JavaWeb知识点:CSS](/upload/InfoBanner/zyjiaocheng/839/25eb04e2613a4b0ab588a59506c34589.jpg)
CSS
一.概念
css:层叠样式表,相当于皮肤,提高了可维护性,样式与内容分离。
二.CSS与HTML结合的三种方式:内联式、嵌入式、外部式
1.嵌入式(Embedding):使用HTML的style元素,在文档中定义CSS样式
<head> <style type="text/css"> h1{color:red} p{color:blue} </style> <head>
2.内联式(Inline):每一个HTML元素都包含一个style属性,可以直接定义样式。该样式仅能用于该元素的内容,对于另一个同名的元素则不起作用。
<p style="color:#FFF;font-weight:bold;">内联样式</p>
3.外部引用式(Linking)
<?xml-stylesheettype="text/css"href="mystyle.css"?> <html> 指令语句 </html>
不过只有使用xml语法格式编写的html文档才支持使用该指令,大多数浏览器仅当被保存为xhtml或xml格式才有效,且JS不能处理这种CSS,所以不建议使用。
也可使用link头标签引入外部文件<link rel="stylesheet" type="text/css" href="" />分离了
CSS的优先级:由上到下,由外到内优先级增高,就近原则
三.CSS选择器
三种基本选择器
1.标签选择器:使用标签名称作为选择器名称(上2处)
2.类选择器【最常用】:每个HTML标签都有一个class属性,使用这个值作为选择器。
使用方法:div.haha{} .haha{}(所有class值为haha的)
3.id选择器【给js留的】:每个HTML标签都有一个id属性,使用这个值作为选择器。
使用方法:div#haha{} #haha{}(所有id值为haha的)
基本选择器的优先级:(内联的就近的style最高)>id>class>标签
不同点:
1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,
ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式
但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
<span class="stress bigsize">可以给两个同时设置。
四.盒子模型
在讲解CSS布局之前,我们需要提前知道一些知识,
在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素和内联块状元素。
重要概念 边框:border (设置上下左右 border-top border-bottom border-left border-right)
属性:width(即粗细) style(样式) color
内边距:padding(div中文本内容距离边框的值)(四个方向同上)
属性:length
外边距:margin(div距外部的距离)其它亦同上
还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)
设置上下左右四个方向的边距是按照顺时针方向设置的(不单独设置的时候的默认顺序)
五.CSS的布局
1.float
两个属性值:left 文本流流向对象【右边】(自己居左,后边div居右) right 流向【左边】
2.position
两个属性值:absolute :将对象从文档流中拖出(在上面飘着,后面补上),再使用上下左右定位
relative :对象不可重叠(不会拖出),依旧使用上下左右定位
更多参考:https://www.w3cschool.cn/css/
内容总结
以上是互联网集市为您收集整理的JavaWeb知识点:CSS全部内容,希望文章能够帮你解决JavaWeb知识点:CSS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。