Python之路【第十一篇续】前端初识之CSS
css解释
优先级:标签>页面镶入>外部,这个仅限同样的样式冲突是才有用
<p style="background-color: aqua">
shuaige
</p>
效果图如下:
<head>
<meta charset="UTF-8">
<title>luotianshuai_study</title>
<!--在头部指定好CSS样式然后,在标签里使用class="样式名应用"-->
<style>
.css_test{
background-color: darkorchid;
}
</style>
</head>
<body>
<div>
<p class="css_test">
<!--这里应用指定好的CSS样式名即可-->
shuaige
</p>
</div>
</body>
效果图如下:
aaarticlea/png;base64,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" alt="" />
外部引用
写一个独立的文件存储css样式代码如下:建议(在样式文件里加上标注防止出现遗忘)
<head>
<meta charset="UTF-8">
<title>luotianshuai_study</title>
<!--这里通过link导入样式,有点类似与python导入模块中的import *-->
<link rel="stylesheet" href="study_html_css.css">
</head>
<body>
<div>
<p class=page_color>
<!--这里直接应用指定好的CSS样式名即可-->
shuaige
</p>
</div>
</body>
效果图如下:
aaarticlea/png;base64,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" alt="" />
<head>
<meta charset="UTF-8">
<title>luotianshuai_study</title>
<style>
#name{
background-color: red;
}
</style>
</head>
<body>
<div>
<p id="name">
<!--这里不需要指定,只要id=name的就会自动应用头部指定的CSS样式-->
shuaige
</p>
<p id="name">
luotianshuai
</p>
</div>
</body>
效果图如下:
aaarticlea/png;base64,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" alt="" />
标签应用,为指定标签统一设置格式:在头部<style>p{....}</style> 这里的p是标签的名称,也可以是div这样就会给所有的div设置格式,代码如下
<head>
<meta charset="UTF-8">
<title>luotianshuai_study</title>
<style>
p{
background-color: lightskyblue;
width: 100px;
height:100px;
}
</style>
</head>
<body>
<div>
<p>
<!--这里不需要指定,只要id=name的就会自动应用头部指定的CSS样式-->
shuaige
</p>
<p>
luotianshuai
</p>
</div>
</body>
效果图如下:
aaarticlea/png;base64,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" alt="" />
CSS常用属性
background 【背景】
background-color 背景颜色 代码如下:
<div style="background-color: red">
Hello,html
</div>
显示效果:
aaarticlea/png;base64,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" alt="" />
background-image 背景图片 代码如下:
<div style="background-image: url(favicon.ico);height: 80px;" >
</div>
显示效果如下:aaarticlea/png;base64,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" alt="" />
首先确认,div是块级别的标签,我们的图片仅仅是一个小的图片,但是现在是平铺,所以看下面的代码:
<div style="background-image: url(favicon.ico);height: 80px;background-repeat: no-repeat" >
</div>
显示效果如下图:
aaarticlea/png;base64,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" alt="" />
border 【边框】
设置边框,效果图如下图:
aaarticlea/png;base64,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" alt="" />
代码如下:
<!--border:有3个参数:线的粗细、线的样式(实线、点、虚线等)、线的颜色-->
<!--第一种:线的粗细为1像素,实线、红色-->
<div style="border:1px solid red;height:10px" ></div>
<!--第二种:线的粗细为1像素,点、蓝色-->
<div style="border:1px dotted blue;height:10px" ></div>
<!--第三种:线的粗细为1像素、虚线、紫色-->
<div style="border:1px dashed purple;height:10px" ></div>
边框可以单独的设置一边的边框、上、下、左、右
<!--在左边设置边框,3px、实线、红色-->
<div style="border-left: 3px solid red">Luotianshuai</div>
效果图如下:
aaarticlea/png;base64,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" alt="" />
Display
代码如下:
<!--display 为none将隐藏标签-->
<div style="display: none;">Luotianshuai</div>
<!--display 为inline会将块级别标签调为内联标签-->
<div style="background-color:red;display:inline">Luotianshuai</div>
<!--display 为block会将内联标签调为块级别标签-->
<a style="background-color:red;display:block">Luotianshuai</a>
aaarticlea/png;base64,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" alt="" />
cursor 鼠标停放所显示的效果
代码如下(实际效果自己写看):
<div style="cursor:pointer">停放在这里显示小手(pointer)</div>
<div style="cursor:help">停放在这里显示问号(help)</div>
<div style="cursor:wait">停放在这里显示问号(wait)</div>
<div style="cursor:move">停放在这里显示移动(move)</div>
<div style="cursor:crosshair">停放在这里显示定位(crosshair)</div>
浮动 float (用的比较多,用来布局使用)
效果图如下:
aaarticlea/png;base64,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" alt="" />
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>luotianshuai_study</title>
<style>
.float-left{
width:20%;
background-color:red;
height: 500px;
float: left;
/*这里长和宽,可以用百分比或者直接指定像素来指定*/
}
.float-right{
width: 80%;
background-color:blue;
height: 500px;
float:left;
/*这里长和宽,可以用百分比或者直接指定像素来指定*/
}
</style>
</head>
<body>
<div class="float-left"></div>
<div class="float-right"></div>
</body>
</html>
float
注:这里需要注意,有一种情况,如果不给父div设置高度,并且设置了float之后,子的float可能会覆盖父div的颜色怎么办?在父的div内加一条:
<div style="clear:both;"></div>
更多见:http://www.cnblogs.com/wupeiqi/
Python之路【第十一篇续】前端初识之CSS的更多相关文章
- Python之路【第十一篇】前端初识之HTML
HTML HTML解释: HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他 ...
- Python之路(第二十一篇) re模块
一.re模块 正则表达式本身是一种小型的.高度专业化的编程语言,正则表达式就是字符串的匹配规则,在多数编程语言里都有相应的支持,python里对应的模块是re,正则表达式模式被编译成一系列的字节码,然 ...
- Python之路(第十一篇)装饰器
一.什么是装饰器? 装饰器他人的器具,本身可以是任意可调用对象,被装饰者也可以是任意可调用对象. 强调装饰器的原则:1 不修改被装饰对象的源代码 2 不修改被装饰对象的调用方式 装饰器的目标:在遵循1 ...
- Python开发【第二十一篇】:Web框架之Django【基础】
Python开发[第二十一篇]:Web框架之Django[基础] 猛击这里:http://www.cnblogs.com/wupeiqi/articles/5237704.html Python之 ...
- Python之路【第九篇】:Python操作 RabbitMQ、Redis、Memcache、SQLAlchemy
Python之路[第九篇]:Python操作 RabbitMQ.Redis.Memcache.SQLAlchemy Memcached Memcached 是一个高性能的分布式内存对象缓存系统,用 ...
- Python之路【第一篇】python基础
一.python开发 1.开发: 1)高级语言:python .Java .PHP. C# Go ruby c++ ===>字节码 2)低级语言:c .汇编 2.语言之间的对比: 1)py ...
- Python之路【第十一篇续】前端之CSS补充
CSS续 1.标签选择器 为类型标签设置样式例如:<div>.<a>.等标签设置一个样式,代码如下: <style> /*标签选择器,如果启用标签选择器所有指定的标 ...
- python之路第五篇之模块和加密算法(进阶篇:续)
模块 Python中,如果要引用一些内置的函数,该怎么处理呢?在Python中有一个概念叫做模块(module) 简单地说,模块就是一个保存了Python代码的文件. 模块分类: 1)内置模块 2)自 ...
- python之路第五篇之递归(进阶篇:续:经典例子剖析)
递归 在函数内部,可以调用其他函数; 如果一个函数在内部调用自身本身,这个函数就是递归函数. 例如,我们来计算阶乘: n! = 1 x 2 x 3 x ... x n, 用函数f1(n)表示,可以看出 ...
随机推荐
- Bootstrap表单布局样式
1.并排和下拉选项 <form class="form-horizontal" role="form"> <fieldset> < ...
- Android中图像变换Matrix的原理、代码验证和应用(三)
第三部分 应用 在这一部分,我们会将前面两部分所了解到的内容和Android手势结合起来,利用各种不同的手势对图像进行平移.缩放和旋转,前面两项都是在实践中经常需要用到的功能,后一项据说苹果也是最近才 ...
- 解决Eclipse建立Maven项目后无法建立src/main/java资源文件夹的办法
建立好一个Maven项目后,如果Java Resources资源文件下没有src/main/java文件夹,并且在手动创建这个文件时提示“已存在文件”. 这说明,在这个项目配置中已经有了src/m ...
- asp.net mvc 外网获取不到port问题解决
var IPandPort = Request.ServerVariables["HTTP_HOST"];
- 一个千万量级的APP使用的一些第三方库
转载:http://www.jianshu.com/p/dc8c05cf693d .背景 前段时间在调研第三方推送服务的时候,反编译了一部分市面上比较流行的APP.其中一个无论是在设计还是功能上都堪称 ...
- 58. Android一些开发习惯总结
作者:漫步 链接:https://www.zhihu.com/question/27227425/answer/35973793 来源:知乎 著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...
- Linux学习路线
为什么要学习Linux? 为什么学Linux,每个人都有自己的理由: Linux是免费的不用花一分钱,能够节约大笔的成本: Linux是开源的,你可以根据自已的需要修改源代码: Linux是开放的,有 ...
- Git: 生成ssh公钥
生成 SSH 公钥 大多数 Git 服务器都会选择使用 SSH 公钥来进行授权.系统中的每个用户都必须提供一个公钥用于授权,没有的话就要生成一个.生成公钥的过程在所有操作系统上都差不多. 首先先确认一 ...
- hibernate关联映射学习
- 关于git不区分文件名大小写的处理
今天遇到了git不区分文件名大小写的问题,一开始着实郁闷了一把. 处理办法: windows下在git中修改文件的大小写 git mv --force myfile MyFile 或者 git mv ...