HTML+CSS
苍鹰蛟龙
这个作者很懒,什么都没留下…
展开
-
4.6 子元素的伪类选择器
通过使用伪类选择器可以有条件的为某元素的指定子元素设置样式。1 :first-child 用来选中元素的第一个子元素 :last-child 用来选择元素的最后一个子元素<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <styl...翻译 2018-06-30 17:08:14 · 409 阅读 · 0 评论 -
5. 长度单位
网页中的长度可以用下面两种方式来表示: 长度单位 1. 像素 px - 像素是我们在网页中使用的最多的一个单位, 一个像素就相当于我们屏幕中的一个小点, 我们的屏幕实际上就是由这些像素点构成的 但是这些像素点,是不能直接看见。 ...翻译 2018-07-14 17:16:16 · 422 阅读 · 0 评论 -
6. 盒模型
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="text/css"> #div1{ /*内容区的宽度和高度*/ widt原创 2018-07-14 23:07:18 · 171 阅读 · 0 评论 -
浏览器默认样式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1翻译 2018-08-07 22:04:18 · 402 阅读 · 0 评论 -
2.3双飞翼布局
圣杯布局的改进版<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padd原创 2018-10-11 21:55:03 · 328 阅读 · 0 评论 -
2.1圣杯布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 1.两边固定,当中自适应 2.当中列要完整显示 3.当中列要优先加载 --> <s原创 2018-10-04 18:34:45 · 135 阅读 · 0 评论 -
2.2 伪等高布局
让并列的两块内容等高<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; pa原创 2018-10-07 12:12:37 · 365 阅读 · 0 评论 -
2.4两列布局
网页中经常看到左边为商品图片,右边为实物介绍,可以通过两列布局实现。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2018-10-14 22:19:53 · 199 阅读 · 0 评论 -
2.5 内容居中
要把一块div包装的内容居中于一个div容器中,内容的高度未知,用下面方法可实现内容居中<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> /*未知高度的内容垂直居中*/ <style type=&quo原创 2018-10-16 23:09:24 · 173 阅读 · 0 评论 -
4.10 a伪类标签的选择顺序
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="text/css"> /*链接呈现的颜色*/ a:link{ color: ye翻译 2018-07-14 16:53:18 · 219 阅读 · 0 评论 -
4.9 选择器优先级
当使用选择器为元素设置样式时,如果样式发生了冲突,采用哪个样式由选择器的优先级来决定。 优先级的权重值越大,优先级越高,优先级规则:内联样式 , 优先级 1000id选择器,优先级 100类和伪类, 优先级 10元素选择器,优先级 1 通配* , 优先级 0继承的样式,没有优先级 <!DOCTYPE html><html> ...翻译 2018-07-14 16:45:24 · 181 阅读 · 0 评论 -
4.5 属性选择器
属性选择器 - 作用:可以根据元素中的属性或属性值来选取指定元素 - 语法: [属性名] 选取含有指定属性的元素 [属性名=”属性值”] 选取含有指定属性值的元素 [属性名^=”属性值”] 选取属性值以指定内容开头的元素 [属性名$=”属性值”] 选取属性值以指定内容结尾的元素 [属性名*=”属性...翻译 2018-06-28 22:43:26 · 136 阅读 · 0 评论 -
4.7 兄弟元素选择器
利用兄弟元素选择器可以选择同一级别的元素。1、+ 选择后面紧挨的元素<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="text/css"> /* 为di翻译 2018-06-30 17:35:03 · 158 阅读 · 0 评论 -
4.8 否定伪类选择器
否定伪类选择器从一组元素中将符合要求的元素剔除出去。&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;style type="text/css&q原创 2018-07-01 12:11:10 · 924 阅读 · 1 评论 -
1、HTML标签使用
1、title标签 <head> <title>网页的标题</title> </head>title网页的标题标签,默认会显示在浏览器的标题栏中。搜索引擎在检索页面时,会首先检索title标签中的内容。它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名。2、meta标签 <...翻译 2018-06-27 21:04:44 · 140 阅读 · 0 评论 -
2、CSS样式标签
1、style标签 <head> <style type="text/css"> p{ color:red; font-size:40px; } </style> </head>2、li...原创 2018-06-27 21:18:01 · 201 阅读 · 0 评论 -
4.1 CSS选择器种类
1、元素选择器 元素选择器可以为同一类元素设置样式&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;mycss1&lt;/t原创 2018-06-27 22:21:08 · 155 阅读 · 0 评论 -
4.2 子元素选择器和后代元素选择器
子元素一定是后代元素,后代元素不一定是子元素。1、后代元素选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 为id原创 2018-06-28 21:02:23 · 806 阅读 · 0 评论 -
4.3 伪类选择器
伪类专门用来表示元素的一种的特殊的状态,比如:访问过的超链接,比如普通的超链接,比如获取焦点的文本框,当我们需要为处在这些特殊状态的元素设置样式时,就可以使用伪类。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="t...翻译 2018-06-28 21:40:46 · 126 阅读 · 0 评论 -
4.4伪元素
使用伪元素可以表示某些元素的特殊位置,比如表示某个元素的第一个字符、第一行文本等。1、:first-letter 为指定元素中的第一个字符来设置一个特殊的样式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="tex...翻译 2018-06-28 22:10:53 · 230 阅读 · 0 评论 -
3、块元素和内联元素
块元素和内联元素 div就是一个块元素, 所谓的块元素就是会独占一行的的元素,无论他的内容有多少 他都会独占一整行。 p h1 h2 h3 ... div这个标签没有任何语义,就是一个纯粹的块元素, ...翻译 2018-06-27 21:20:03 · 153 阅读 · 0 评论