慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

奋斗中的小文

流动布局模型：块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2021-05-17
奋斗中的小文

css布局模型，不同于我们常说的 CSS3 布局样式或 CSS3 布局模板。如果说布局模型是本，那么 CSS3 布局模板就是末了，是外在的表现形式。
在网页中，元素有三种布局模型：
流动模型（Flow）浮动模型 (Float) 层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2021-05-17
奋斗中的小文

边界和内边距操作是一样的，区别就是：padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2021-05-17
奋斗中的小文

设置内边距：填充
上、右、下、左（顺时针）padding-top right bottom left
一个:全都一样；两个：上下一样，左右一样

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2021-05-17
奋斗中的小文
设置圆角border-radius
1. 缩写，按照左上-右上-右下-左下
2. border-top-left-radius: 20px; border-top-right-radius: 10px;
  border-bottom-right-radius: 15px; border-bottom-left-radius: 30px;
3. 四个一样，写一个；左上和右下一样，右上和左下一样，写两个就行
4. 一个的正方形border-radius是width和height 50%时圆形
查看全部

0 采集收起来源：加个圆角 - 使用border-radius设置圆角
2021-05-17
奋斗中的小文

设置边框线 div{border-bottom:1px solid red;}
border-bottom border-right border-top border-left

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2021-05-17
奋斗中的小文

为盒子添加边框：（可以缩写）
border-width:2px; thin | medium | thick不常用，一般用px
border-color:red; 颜色可设置为十六进制颜色,加#
border-style:solid; dashed（虚线）| dotted（点线）| solid（实线）

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2021-05-17
奋斗中的小文

设置背景颜色：background-color:颜色值

查看全部

0 采集收起来源：设置个美美哒的颜色-背景色
2021-05-17
奋斗中的小文

css盒模型：
css内定义的宽（width）和高（height），指的是填充以里的内容范围
一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
div{
width:200px;
padding:20px;//填充
border:1px solid red;
margin:10px;//边界
}

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2021-05-17
奋斗中的小文 02:15

盒子模型：
月饼盒：页面元素（例：<div>）
月饼（内容）：文字、图片、另一个标签元素
月饼盒到月饼的距离：内填充（padding）
两个月饼盒之间的距离：外边距（margin）
盒子的边框（border）
块级标签都具备盒子模型特征。如：<div><ul><ol><p><h><table>

1、元素实际高度（盒子的高度）是：自己高度+上下内填充+上下边界+上下边框
2、同理，元素实际宽度（盒子的宽度）是：自己宽度+左右内填充+左右边界+左右边框

内填充、外边距和边框都有4个方向 top bottom left right

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2021-05-17
奋斗中的小文

隐藏：display:none; 写在<style type="text/css"></style>

查看全部

0 采集收起来源：隐身术 - none不占据位置
2021-05-17
奋斗中的小文

内联块状元素：display:inline-block <img>、<input>
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2021-05-17
奋斗中的小文

块级元素：display:block <div>也可以通过display:inline转换成内联元素
内联元素：display:inline
<span>、<a>、<label>、 <strong> 和<em>
和其他元素都在一行上，元素的高度、宽度及顶部和底部边距不可设置，元素的宽度就是它包含的文字或图片的宽度，不可改变

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2021-05-17
奋斗中的小文

块级元素：每个块级元素都从新的一行开始，并且其后的元素也另起一行
高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2021-05-17
奋斗中的小文

在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
<blockquote> 标签定义块引用。<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
<address> 标签定义文档或文章的作者/拥有者的联系信息。如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。
<i> 标签显示斜体文本效果。<i> 标签和基于内容的样式标签 <em> 类似。
<var>用于定义变量。
<cite> 标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。
<code>定义计算机代码文本。

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2021-05-17

首页上一页 254 255 256 257 258 259 260 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。