Div+Css视频学习笔记_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Div+Css视频学习笔记_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2014字，纯文字阅读大概需要3分钟。

内容图文

内联：

aaaaaaaaaaa

嵌入：

好处：可以控制整个网页的某些标签。

外部：

输入：
在css文件中或者style标签中使用@import url(demo.css)；

4.样式规则选择器：
html选择器，类选择器，id选择器，关联选择器，组合选择器，伪元素选择器。

html选择器：
p {
font-size:50px;
color:red;
background-color:green;
text-decoration:underline;
}

类选择器：
//only use for p label
p.one {
color:red;
font-size:2cm;
background:green;
}

//use for any label
.two {
color:red;
font-size:2cm;
background:green;
}

adfsdf

id选择器：
#one {
color:red;
font-size:2cm;
background:green;
}

adfsdf

关联选择器:
p em {
color:red;
font-size:2cm;
background:green;
}

.one .two em {
color:red;
font-size:2cm;
background:green;
}

dfdf

组合选择器：
p,div,a,h1,.one,#two {
color:red;
font-size:2cm;
background:green;
}

有其中之一使用即可

伪元素选择器：
a:link {font-size:1cm;color:red}
a:hover {font-size:5cm;color:green}
a:visited{font-size:2cm;color:yellow}
a.one:link {font-size:8cm;color:blue}
div a.one:link{font-size:12cm;color:black}

dfdfdfdf
ffffff

5.div+css好处：表现和内容分离，缩短改版时间，减少带宽成本。
段落用p，标题用hx
表格只需要用于显示数据，不用于布局。

margin:外边距
两种方式：
.bianju{
margin-left:10cm;
margin-top:40cm;
margin-bottom:4cm;
margin-right:40cm;
}

.bianju {
margin: 10px 20px 30px 40px;
}

值为auto表示自动。

内边距：
td {
padding-left:4cm;
padding-right:4cm;
padding-top:4cm;
padding-bottom:4cm;
}

p {
float:right;//靠哪边对齐，三种right,left,none
}

.one {
clear:none;
clear:left;
clear:right;
clear:both;
}

内容总结

以上是互联网集市为您收集整理的Div+Css视频学习笔记_html/css_WEB-ITnose全部内容，希望文章能够帮你解决Div+Css视频学习笔记_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端