样式表CSS

今天继续学样式表。

overflow:hidden;  超出部分隐藏

display:none;   隐藏不占空间

visibility:hidden;   隐藏占空间

注意:margin:XXpx; (XX可以为负数)

opacity(0,1)透明度

border-radius:50%;圆形

今天上午联系代码:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>一条小牛</title>
<style>
* {
margin:0;
padding :0;
}
#d1{
border:5px solid blue;
width:300px;
height:300px;
background-color:black;
border-top-right-radius:20px;
/*display :none;*/ /*隐藏不占空间*/
/*visibility :hidden ;*/ /*隐藏占空间*/
}
#d2 {
border:5px solid red;
width:100px;
height:100px;
margin:10px auto;
background-color:yellow;
overflow:auto;

}
#d3 {
border:10px solid gray;
width:400px;
height:400px;
background-color:blue;
margin-top :-50px;
opacity:0.5;
border-radius :30px;
}

</style>
</head>
<body>
<div id="d1">
<div id="d2">
<div>111</div>
<div>111</div>
<div>111</div>
<div>111</div>
<div>111</div>
<div>111</div>
<div>111</div>
<div>111</div>
<div>111</div>
<div>111</div>

<div>111</div>
</div>

</div>

<div id="d3"></div>
</body>

时间: 2024-10-15 02:19:44

样式表CSS的相关文章

HTML样式表css

一.样式表分类 1.内联式样式表 <p style="font-size:14px;">内联样式表</p> 2.内嵌式样式表(必须写在head标签里面) <style type="text/css"> p { 样式: } </style> 3.外部样式表(新建一个css用来放样式表,如果需要调用样式表需要在HTML文件中点右键→CSS样式→附加样式表) 有些标签有默认边框,需要先去除 二.选择器 1.标签选择器,用标签

引入样式表(css)的四种方式

一.使用style属性: 将style属性直接加在html标签里. <标签 style="属性1: 设定值1; 属性2: 设定值2; "> 例如: <td style="color:blue;font-size:9pt;font-family:'黑体';line-height:150%;"> 这种用法的优点 是可灵巧应用样式于各标签中,但是缺点则是没有整篇文件的『统一性』.二.使用style标签: 将样式规则写在<style>..

ASP.NET动态引用样式表(css)和脚本(js)文件

// 引入js文件 HtmlGenericControl scriptControl = new HtmlGenericControl("script"); scriptControl.Attributes.Add("type", "text/javascript"); scriptControl.Attributes.Add("language", "JavaScript"); scriptControl

HTML 样式表css

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/    此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css">

解决Django Admin管理界面样式表(CSS Style)丢失问题

我在配置django自带管理界面过程中登录http://domain.com/admin后台时出现样式表丢失的问题,界面变成了这样: 系统环境:centos6.5+nginx1.5.9+uwsgi2.0.4+django1.4.9 nginx配置文件: server {         listen       80;         server_name  www.omserver.com;         location / {             uwsgi_pass 192.16

【Python】解决Django Admin管理界面样式表(CSS Style)丢失问题

配置Django Admin,关于如何启用请参考Django官方文档<Activate the admin site>.但是我在配置过程中登录http://example.com/admin后台时出现样式表丢失的问题,比如说界面变成了这样: 上网搜索了不少文档,多是Apache环境下的解决方案,我配置的是Nginx服务器,所以根据Apache的解决提示进而摸索办法,最终要解决这个问题我这里总结有3步(假设已经配置好admin登录系统): 1. 修改settings.py中STATIC_ROOT

网站开发综合技术 第二部分 CSS样式表

第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/    注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "

我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的优先权

如果说,原生态就是美,那么,我们就没有必要穿衣打扮. 网页是什么? 说白了,网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 一个人的整容效果,很大程度上取决于Ta本人,也就是原材料,对网页来说,原材料就是html标签,因此设计优秀的html标签结构十分重要. 整容医生的作用也至关重要,割双眼皮,整容医生的基本功,不同医生割出来的效果不同. 作为一个网页设计师,我们是不是应该追求完美,尽最大努力,让网页漂亮一些. 我知道,我们往往自称

CSS样式表--基础知识

第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/    注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "