郭乾亮

【HTML5/...

ACM-大数/高精度(5) ACM-搜索(1) ACM-数学(1) java面向对象(20) 【Arrays工具类】(1) 【c/c++/stl库】(7) 【java面向对象】(21) 【MySQL】(8) 【成功是慢慢来的】(1) 【数据结构与算法】(16) 【杂】(11) 【算法竞赛】(9) 未归档(96) 题解(1)

/ 注册

全部文章 / 【HTML5/CSS3】（共16篇）

浮动与清除浮动

网页布局的核心就是用CSS来摆放盒子位置，把盒子摆放到合适的位置需要用到CSS的定位机制。CSS的定位机制有三种，普通流(标准流)，浮动和定位。 (1)普通流实际上就是一个网页内标签元素正常从上到下,从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列。 (2)浮动 ...

浮动清除浮动

2019-07-09

0 642

盒子阴影

(1)盒子模型布局的稳定性大部分情况下内边距和外边距是可以混用的,但是,根据稳定性来分,建议如下: wide>padding>margin 优先使用宽度(width) 其次使用内边距(padding) 再次使用外边距(margin)。原因： margin会有外边距合并和...

盒子阴影

2019-07-09

0 493

盒子模型(CSS重点)

目录: (1)网页布局的实质 (2)盒子边框(border) (3)表格的细线边框 (4)表格的细线边框 (5)内边距(padding) (6)外边距(margin) (7)清除元素默认的内外边距 (8)新浪导航栏小案例(padding练习) (9)搜索趣图小案例(margin练习) (1)网页布...

盒子模型

2019-07-09

0 446

CSS三大特性(层叠/继承/优先)

(1)CSS层叠性层叠性指多种CSS样式的叠加。这是浏览器处理冲突的一个能力。当出现样式冲突，会按照CSS书写的顺序，以最后的样式为准： <!DOCTYPE html> <html lang="en"> <head> <meta...

CSS三大特性

2019-07-09

0 542

CSS背景相关(background-)

目录： (1)背景图片及平铺 (2)背景位置(position) (3)背景附着 (4)背景简写 (5)背景透明(CSS3) (6)背景缩放(CSS3) (7)多背景(CSS3) (8)凹凸文字 (9)王者荣耀导航栏小案例 (1)背景图片及平铺背景颜***ackground-color ...

CSS背景

2019-07-09

0 568

CSS复合选择器

(1)交集选择器交集选择器是并且的意思,是即…又…的意思。用的相对来说比较少，不太建议使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu...

CSS符合选择器

2019-06-28

0 7618

标签显示模式(display)

(1)块级元素(block-level) 常见块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。块级元素特点: ①总是从新行开...

标签显示模式

2019-06-28

0 455

选择器及外观属性小案例---新华报道

代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body { /* 一般...

新闻选择器小案例

2019-06-22

0 982

标签、类选择器及CSS命名规范

一、标签选择器(元素选择器) 使用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。基本语法格式：标签名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}或者元素名{属性1：属性值1；属性2：属性值2；属性3：属性值3；} 优缺点：能快速为页面...

标签选择器类选择器 CSS命名规范

2019-06-20

0 1110

CSS初步(Cascading Style Sheets)

一、CSS--网页的美容师 CSS通常称为CSS样式表或层叠样式表，主要用来设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片外观(宽高、边框样式、边距等)以及版面的布局等外观显示样式。 CSS的出现，拯救了混乱的HTML，更拯救了web开发者，让我们的网页更加丰富多彩。 ...

css初步

2019-06-19

0 550