首页 / HTML / 真正零基础学习HTML(三)
真正零基础学习HTML(三)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了真正零基础学习HTML(三),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1588字,纯文字阅读大概需要3分钟。
内容图文
```一、CSS概念
1、需求:
设置网页标签的样式:宽``、高、背景颜色、位置......
用于布局或美化网页
2、概念:
css 层叠样式表
英文全称:cascading style sheets
浏览器解释语言:让浏览器去执行解释的语言
html css
大小写不敏感:小写
w3c组织
3、css语法:
选择器1{
属性名1:属性值1;
属性名2:属性值2;
...
...
}
选择器2{
属性名1:属性值1:
属性名2:属性值2;
...
...
}
选择器:我要找的html标签(元素)
属性1:属性值1:width:20px
不针对行内样式
4、css注释
html注释
<!--注释内容 -->
css注释
/*注释内容*/
//也可以
sublime快捷键:ctrl+/
5、补充
dhtml=html(指定元素)+css(元素大小位置颜色)+javascript(操纵网页元素)
<div>内容</div>独占一行,背景颜色一行
<span>内容</span>不独占一行,背景颜色跟随内容
<SPAN>是行级容器标签,不可以包含图片、标题、段落等,只能包含文字内容
(他们存在就是为了样式)
二、css样式分类
1、行内样式
只作用于行内
<p >内容</p>
2、内嵌样式
作用于本页也可以链接到html中
<HEAD>
<STYLE type="text/css">
P { /*设置样式:字体和背景色*/
font-family: System;
font-size: 18px;
color: #3333CC;
}
H2 {
background-color: #CCFF33;
text-align: center;
}
</STYLE>
</HEAD>
<BODY>
<H2.>品种特征方面:</.H2>
<P> 1、蛋鱼:蛋鱼…….。</P>
<P> 2、龙睛:龙睛……..。</P>
<P> 3、高头:高头….。</P>
3、外部样式
作用于多个页面
引入内嵌样式css文件
<head>
link
<link rel="stylesheet" type="text/css" href=".css文件">
</head>
三、选择器
1、html选择器
<.style type="txet/css">
p{属性名:属性值;
属性名:属性值;}
<.style/>
2、class类选择器
<.p >内容</p>
<.STYLE type="text/css">
.命名{
属性名:属性值;
属性名:属性值;
}
3、ID选择器
<.p >内容</p>
<.STYLE type="text/css">
#命名{
属性名:属性值;
属性名:属性值;
}
4、子元素选择器(父子关系)
.div > .input > 选择器1 > 选择器2{
}
.border:5px dotted red;
.dotted:虚线
.solid:实线
5、后代选择器(后代关系)
.div .input{
}
6、组合选择器
选择器,选择器{
属性名:属性值;
属性名:属性值;
}
7、样式混用
行内样式
内嵌样式
外部样式
就近原则
原文:http://blog.51cto.com/13162615/2118105
内容总结
以上是互联网集市为您收集整理的真正零基础学习HTML(三)全部内容,希望文章能够帮你解决真正零基础学习HTML(三)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。