栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Java web学习day03 css选择器

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Java web学习day03 css选择器

CSS选择器 1.标签名选择器

标签名选择器的格式:
标签名{
属性:值
}
标签名选择器可以决定那些标签被动的使用这个样式。


    
    Title
    

2.id选择器

id选择器的格式:
#id 属性值{
属性:值;
}
id选择器,可以让我们通过id属性选择性的去使用这个样式。
要求:第一个div标签定义id为id001,第一个span标签定义id为id002
注意:id不可以重复,是唯一的




    
    Title
    


       
      
div标签1
div标签2
span标签1 span标签2

p段落标签1

p段落标签2

3.class选择器(类选择器)

class类型选择器的格式是:
.class属性值{
属性:值;
}
class类型选择器,可以通过class属性有效的选择性地去使用这个样式
class可重复




    
    Title
    


       
      
div标签1
div标签2
span标签1 span标签2

p段落标签1

p段落标签2

4.组合选择器

组合选择器的格式是:
选择器1,选择器2,选择器n{
属性;值;
}
组合选择器可以让多个选择器共用一个css样式代码。




    
    Title
    


       
      
div标签1
div标签2
span标签1 span标签2

p段落标签1

p段落标签2

CSS常用样式 1. 颜色

color:red;
颜色名/rgb值/十六进制表示值

2.宽度

width:19px;
像素值:19px / 百分比值:20%

3.高度

height:20px;
width:19px;
像素值:19px / 百分比值20%

4.背景颜色

background-color:#0F2D4C

5.字体样式

颜色:color
大小:fint-size

6.边框

border:1px solid red;

7.div居中(块相对于容器/页面居中)

margin-left:auto;
margin-right:suto;

8.文本居中

text-align:center;

9.超链接去下划线

text-decoration:none;

10.表格细线

table{
border:1 px solid black;
border-collapse:collapse;
}

td,th{
border:1 px solid black;
}
td单元格

11.列表去修饰

ul{
list-style:none;
}
ul无序列表

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/271331.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号