2020/5/16 JAVA html+css

2021-01-20 17:12

阅读:501

标签:数字   选择器   none   字符   over   内容   html+css   col   字母   

一.iframe框架

框架标签:

在当前页面引入其他页面显示

   

二.CSS的三种引入方式:

1.内嵌:直接在标签中添加style属性
格式:
2.内联:在head标签中添加
格式:

 

选择器:
1. id选择器:
在标签中添加id属性标签名>
id值规则:只能是字母、数字下划线、 $符组成, 其中不能以数
字开头,不能是关键字
在style标签中:
#id值{
样式1:样式值1;
样式2:样式值2;

}

2. class选择器:
在标签中添加class属性标签名>
在style标签中:
.class值{
样式1:样式值1;
样式2:样式值2;
}
3.元素选择器:
在style标签中:
元素名(标签名){
样式1:样式值1;
样式2:样式值2;
......
}

4.关系选择器:
1.并列关系
选择器1,选择器2{
样式1:样式值1;
样式2:样式值2;
}
2.父子关系
选择器1选择器2{
样式1:样式值1;
样式2:样式值2;

选择器优先级: id选择器>class选择器>元素选择器

3.外部引入:
需要先创建一个xxxx. css文件中描述s tyle标签中的内容放进去
在head标签中添加link标签

引入方式优先级:内嵌>内联>外部引入

三.文本+背景样式

1.font-size:;
bold:加粗     lighter: 加细
font - weight:lighter ;
italic:斜体
font-style:italic;
color :#CF681D;
2.添加下划线
text decoration: underline;
text-decoration: line - through;
text-decoration: overline ;
3.首行缩进
text- indent: 50px;
text-indent: 2em; (两个字符缩进)
4.设置行高
line-height: 50px;

5.a标签    

a{

  text-decoration:none;

}

取消超链接下划线

6.边框

div{
solid:实线    dashed:虚线     dotted:点线
}

2020/5/16 JAVA html+css

标签:数字   选择器   none   字符   over   内容   html+css   col   字母   

原文地址:https://www.cnblogs.com/luzhijin/p/12901511.html


评论


亲,登录后才可以留言!