![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
savian66
这个作者很懒,什么都没留下…
展开
-
7.26 继承
如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red;p{border:1px solid red;}浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。转载 2015-07-26 21:14:17 · 339 阅读 · 0 评论 -
8.3CSS代码缩写 颜色值
通常有下面三种缩写方法:1、如果top、right、bottom、left的值相同,如下面代码:margin:10px 10px 10px 10px;可缩写为:margin:10px;2、如果top和bottom值相同、left和 right的值相同,如下面代码:margin:10px 20px 10px 20px;可缩写为:margin:10px转载 2015-08-03 23:07:28 · 554 阅读 · 0 评论 -
8.3div
转载 2015-08-03 22:52:11 · 216 阅读 · 0 评论 -
7.23css样式
css样式从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。1.内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:这里文字是红色。并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:2.嵌入式就是可以把css样式代码写在<style转载 2015-07-23 10:55:41 · 296 阅读 · 0 评论 -
7.21CSS初步
CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等p{ font-size:12px; color:red; font-weight:bold;}第一步:把这三个短语用括起来。第二步:span{ color:blue;}转载 2015-07-21 10:54:41 · 203 阅读 · 0 评论 -
7.31css布局模型
CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。在网页中,元素有三种布局模型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer)流动模型(一)流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较转载 2015-07-31 22:02:21 · 244 阅读 · 0 评论 -
8.10
水平居中总结-不定宽块状元素方法(二)第二种方法:改变块级元素的 dispaly 为 inline 类型,然后使用 text-align:center 来实现居中效果。如下例子:html代码: 1 2 3 css代码:.container{ text-align:center;转载 2015-08-10 16:32:15 · 240 阅读 · 0 评论 -
7.29 盒子
元素分类--块级元素什么是块级元素?在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。a{display:block;}块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)2、元素的高转载 2015-07-29 15:51:25 · 276 阅读 · 0 评论 -
7.28CSS盒模型
常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、什么是块级元素?在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。a{display:block;}块级元素转载 2015-07-28 22:44:43 · 205 阅读 · 0 评论 -
7.27文字排版
现在一般网页喜欢设置“微软雅黑”,如下代码:body{font-family:"Microsoft Yahei";}或body{font-family:"微软雅黑";}注意:第一种方法比第二种方法兼容性更好一些。字号、颜色body{font-size:12px;color:#666;}.stress{font-size:20px;color:red;}转载 2015-07-27 21:48:54 · 236 阅读 · 0 评论 -
7.26选择器
包含选择器,即加入空格,用于选择指定标签元素下的后辈元素>作用于元素的第一代后代,空格作用于元素的所有后代。.first span{color:red;}>作用于元素的第一代后代,空格作用于元素的所有后代。通用选择器通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标转载 2015-07-26 16:31:41 · 348 阅读 · 0 评论 -
8.4居中
如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。如下代码:html代码: 我是文本,哈哈,我想要在父容器中水平居中显示。css代码: div.txtCenter{ text-align:center; }当被设置元素为块状元素时用 text-align:center 就不起作用了,这时转载 2015-08-04 09:11:50 · 285 阅读 · 0 评论