html/css
SoneZQ
这个作者很懒,什么都没留下…
展开
-
CSS层叠样式表 (Cascading Style Sheets)基础,CSS样式三种插入方式优先级比较
CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。如下列代码:p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/}使用CSS样式的一个好处是通过原创 2017-04-17 23:26:04 · 3127 阅读 · 0 评论 -
颜色值的几种写法,长度值(px(像素)、em、% 百分比)
1颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(gree转载 2017-04-19 01:26:41 · 10001 阅读 · 1 评论 -
CSS代码缩写,占用更少的带宽/字体缩写/盒模型代码简写/颜色值缩写
1盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:转载 2017-04-19 01:18:40 · 433 阅读 · 0 评论 -
CSS布局模型/流动模型(Flow)/浮动模型 (Float)/层模型(Layer)
1css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种基本的布局模型,用英文概括为:Flow转载 2017-04-19 00:44:16 · 5736 阅读 · 1 评论 -
CSS盒模型,元素分类,
1.元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、2.元素分类--块级元素什么是转载 2017-04-18 23:24:30 · 402 阅读 · 0 评论 -
html基本标签
1.HTML/CSS/JavaScript之间的关系1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜原创 2017-04-17 20:29:45 · 481 阅读 · 0 评论 -
CSS格式化排版
1.字排版--字体{font-family:"Microsoft Yahei";}我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为转载 2017-04-18 01:40:05 · 359 阅读 · 0 评论 -
CSS的继承、层叠、特殊性、权值、重要性(!important)
1.继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}三年级时,我还是一个胆小如鼠的小女孩。可见右侧结果窗口中p中的文本与span中原创 2017-04-18 01:11:02 · 526 阅读 · 0 评论 -
CSS选择器
1.什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。2标签选择器标签选择器其实就是html代码中的标签。如、、、、。例如下面代码:p{font-size:12px;line-h原创 2017-04-18 00:00:54 · 216 阅读 · 0 评论 -
css样式 ,水平垂直居中显示
1水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:cent转载 2017-04-19 01:34:04 · 571 阅读 · 0 评论