慕课网

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

初识HTML(5)+CSS(3)

最热最新

固安

<br/>换行标签
&nbsp空格标签
<hr/>分割线

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2022-04-03
固安

px像素
solid 固体
border 边框
font 字形
font-size 改变字体大小（*px）
font-weight 改变字体粗细(bold粗)
font-familt 改变字体（宋体）
font-line-height（行高）
font-style 正常（normal）
                斜体（italic）
                倾斜的字体（oblique）
改变字体颜色的三种方法
1.p{color:red;}直接写出颜色英文
2.p{color:rgb(133,45,200);}
p{color:rgb(20%,33%,25%);}（每一项为0-255/0-100%）
                                                利用rgb合成色
3.p{color:#00ffff;}十六色图标

查看全部

0 采集收起来源：我还想diy点样式- 使用<div>标签自定义块
2022-04-04
iuhiiu

display:none;
设置隐藏

查看全部

0 采集收起来源：隐身术 - none不占据位置
2022-04-03
iuhiiu

行内块级元素：
display: inline-block;
标签就可以有行内和块级元素的特点于一体，棒

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2022-04-03
固安
1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前
2. <html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
3. <head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
4. <body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。
查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2022-04-03
iuhiiu

行内元素特点：在一行，不可设置高度

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2022-04-03
iuhiiu

块级元素特点：独占一行

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2022-04-03
iuhiiu

设置文本对齐方式
text-align: center / left / reight/;

查看全部

0 采集收起来源：换个排列方式 - 使用text-align设置文本对齐方式
2022-04-03
iuhiiu

设置文字间距可直接用：word-spacing: ( 设置大小)px;

查看全部

0 采集收起来源：男女授受不亲 - 使用letter/word-spacing增加或减少字符间的空白
2022-04-03
iuhiiu

设置文本开头缩进：text-indent:2em / ( ) em

查看全部

0 采集收起来源：开头空两格喔 - 使用text-indent为文本添加首行缩进
2022-04-03
固安

<span >美国梦</span>
另一种设置字体的方式

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2022-04-02
qq_慕数据0075216

color: red; 颜色
border: 1px solid blue; 边框
width: 140px; 高度
height: 40px; 宽度

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2022-03-31

qq_慕后端0389722

/*


/*  span:为行元素，行元素一般情况下，行内元素只能包含数据和其他行内元素。    div:为块元素，而块级元素可以包含行内元素和其他块级元素。这种结构上的包    含继承区别可以使块级元素创建比行内元素更”大型“的结构。*/span{}/*    子选择器：用于选择指定标签元素的第一代子元素可套多个如：h1>div>span    只对父元素最近的起作用对父元素的孙元素不起作用如： 第一个ul里的li起作用    但对第二个ul里的li不起作用    <ul >        <li>            <ul>                <li></li>                <li></li>            </ul>        </li>    </ul>    而后代选择器对所有后代元素都起作用    *//*例1*/h1>span{    color: blue;}/*例2*/.nb>li{    border: 10px solid red;}/*通用选择器对HTML的所有元素生效*/*{    color:blueviolet;    border: 1px solid blue;}/*伪类:        格式：元素：选择器类型 *//*给超链接鼠标移动后显示的字体特效*/a:hover{    color:red;    font-size:20px; } /* 如果想给多个元素设置相同的css样式可以使用分组选择器 用逗号（，）逗开。如下 这样就能把h1和p元素 类 id也能一起分组设置 的样式设置成一样的了 */h1,p{    font-size: 10px;    color:cornflowerblue;}h2,.xks,#xks{    border:10px salmon;}/* 选择器最高层级!important    只对设置了的样式生效   就比如我对font-size设置了！important   那么font—size的优先级是最高的*/.xka{        font-size:20px;    color: blanchedalmond;}p{    font-size: 10px  !important;    color:chartreuse ;    border: 0px;    }



body{    background-color:aquamarine;}span{    color:white;}.ASS{    background-color: cornsilk;    width: 100px;    height: auto;}footer{    text-align:center;    }.地址 {    font-size:10px;    }div{    background-color: brown;}section{    background-color:azure;    font-size: 100px;}.tp{    width: 200px;    height: 200px;}img{    width: 381px;    height:214 px;    alt: var("抱歉图片丢失");    }












*/

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法

2022-03-31

大盘凹锅肉

transform: translate(x, y)是沿x、y轴运动

查看全部

1 采集收起来源：面试常考题之宽高不定实现盒子水平垂直居中
2022-03-31
大盘凹锅肉

word-spacing以空格来区分

查看全部

0 采集收起来源：男女授受不亲 - 使用letter/word-spacing增加或减少字符间的空白
2022-03-31

首页上一页 116 117 118 119 120 121 122 下一页尾页

0/150

提交

取消

开始学习

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

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