css
关注
分享
扫一扫
文章平均质量分 60
Lying01-
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS层模型
为了让html元素在网页中精确定位，就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。层模型有三种形式：1、绝对定位(position: absolute)如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left原创 2017-04-17 16:40:28 · 416 阅读 · 0 评论 -
html+css简易导航条
CSS<style> .nav { font-size: 0px; /*设置两个块之间没有间距*/ margin: 0 auto; text-align: center; /*设置居中*/ } .nav ul { list-style: none; /*取消样式*/原创 2017-05-10 17:18:31 · 915 阅读 · 0 评论 -
CSS样式设置小技巧
CSS样式设置小技巧一、水平居中设置设置水平居中得分两种情况：行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。1、行内元素如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。<!--tml代码：--><body> <div class="txtCenter">我想要在父容器中水平居中显示。</div>原创 2017-04-18 19:30:32 · 390 阅读 · 0 评论 -
CSS布局模型
CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）流动模型流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上原创 2017-04-14 18:15:37 · 276 阅读 · 0 评论 -
CSS元素分类
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素（block元素）<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具原创 2017-04-14 14:32:18 · 1839 阅读 · 0 评论 -
CSS样式排版
设置字体body{font-family:"Microsoft Yahei";}设置字号、颜色body{font-size:12px;color:#666}设置粗体p span{font-weight:bold;}设置斜体p a{font-style:italic;}设置下划线p a{text-decoration:underline;}设置删除线 .oldPrice{text-decoration原创 2017-04-14 14:31:09 · 453 阅读 · 0 评论 -
CSS缩写、单位
字体缩写body{ font-style:italic;//文本样式(粗体斜体) font-variant:small-caps; //英文字母大小写 //normal 默认值。浏览器会显示一个标准的字体。 //small-caps 浏览器会显示小型大写字母的字体。 //inherit 规定应该从父元素继承 font-variant 属性的值。原创 2017-04-18 14:29:01 · 385 阅读 · 0 评论 -
CSS样式优先级（权值）
CSS权值优先级标签的权值为1；类选择符的权值为10；ID选择符的权值为100；还有一个权值比较特殊–继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。p{color:red;} /*一个标签，权值为1*/p span{color:green;} /*两个标签，权值为1+1=2*/.warning{color:white;} /*一个类选择符，权值为10*/原创 2017-04-13 16:49:38 · 1082 阅读 · 0 评论 -
CSS选择器
CSS选择器css样式声明形式：选择器{ 样式;}标签选择器标签选择器其实就是html代码中的标签。如<html>、<body>、<h1>、<p>、<img>//为p标签设置12px字号，行间距设置1.6em的样式。p{font-size:12px;line-height:1.6em;}类选择器类选择器在css样式编码中是最常用到的语法：注意： 1、英文圆点开头 2、其中原创 2017-04-13 16:19:42 · 503 阅读 · 0 评论 -
CSS盒模型
边框（border）为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框：div{ border:2px solid red;}//上面是 border 代码的缩写形式，可以分开写：div{ border-width:2px; border-style:solid; border-color:red;}注意：border-style（边框原创 2017-04-14 16:48:20 · 522 阅读 · 0 评论 -
HTML+css制作简易图片库
CSS<style> div.img { float:left; margin: 10px; border:1px solid #bebebe; } div.img img{ display: inline; border:1px solid #bebebe; margin:5px原创 2017-05-11 16:19:51 · 3355 阅读 · 0 评论