BCadillac的博客

更多css选择器伪元素伪元素可以用来选择元素的某些部分。例如first-letter可以选择一个块元素文本的第一个字幕，这样就能创建诸如首字母大写或首字母下沉等效果。first-line则能选择段落第一行。语法与伪类相同：p:first-letter{ font-size:3em;}属性选择器根据属性值选择元素：img[width]{ //这个选择器会选择HTML中所有包含一个width属性的图像。 border:black thin solid;}img[height="300

<form><form action="http://wickedlysmart.com/hfhtmlcss/contest.php" method="POST"> <p>Just type in your name (and click Submit) to enter the contest:<br> First name: <input type="text" name="firstname" value=""&gt

<table><table> <tr> //行 <th>City</th> //表头 <th>Date</th> <th>Temperature</th> </tr> <tr> <td>Walla Walla, WA</td> //单元格

为页面创建导航创建链接的无序列表<nav> <ul> <li><a href="index.html">HOME</a></li> <li class="selected"><a href="blog.html">BLOG</a></li> <li><a href="">INVENTIONS</a></li> &lt

流浏览器从HTML文件最上面开始，从上到下逐个显示遇到的元素。在元素之中会从左上方流向右下方。这就是流。我们以盒模式的角度去看两个元素，当它们并排时，它们的距离等于边界之和，而当他们上下放置时，它们之间有所折叠，它们的距离等于双方边界的最大值。...

可以使用<div>分隔区域。在块元素中用text-align来设置其中的所有元素对齐样式。内联元素无法使用text-align。想让图片居中就需要将图片加入块元素。text-align:center;子孙选择符当我们只希望块元素A里面的某个元素B改变颜色，但是块元素A以外的与B同种元素不改变，那么我们可以使用子孙选择符精准地控制。div h2{ color:black;}或者#A的id号 h2{ color:black;}需要注意的是，子孙选择符强调子孙，也就是说不管

行间距同样可以用像素，百分数，比例因数赋值。 line-height: 1.6em /*将行间距改为字体大小的1.6倍*/盒模式CSS将每个元素视为一个盒子，每个盒子由内容区和可选的补白，边框和边界组成。内容区周围是可选的、透明的补白，可选的边框在补白周围，可选的、透明的边界包围所有的东西。CSS可以控制盒子的各个方面，内容周围补白的大小，元素有没有边框（以及类型和大小），以及元素之间有多少边界。边框：border补白：padding边界：margin...

CSS常见的字体属性font-family定义网页中的字体font-size控制字体大小font-weight设置字体粗细text-decoration给文本添加更多样式，如overlines添加上划线、underlines添加下划线、line-throughs添加中划线。定义多种字体确保浏览器能显示你想要的字体浏览器会根据你定义的字体顺序依次查找直到找到一种可以显示的字体。body{ font-family: Verdana, Geneva, Arial, sans-serif;}你

CSS格式选择符[, 其他选择符[, ...]]{ 属性 : 值 ;}CSS允许重复规则。例如h1, h2{ font-family: sans-serif; color: gray;}h1{ border-bottom:black;}这样就不需要将h1和h2的共用规则分开。块元素的样式不会影响到内部元素，准确来说，当块元素的样式遇到另一个块元素时，就会失效，但内联元素不会。就像下面的例子,<a>并不会使<p>的样式失效，但<blockquot

HTML:HyperText Markup Language(超文本标记语言)CSS:Cascading Style Sheet(级联样式表)HTML和XHTML应专注于组织内容CSS应专注于样式和呈现<style>标记需要一个type属性，用来告诉浏览器你所使用的样式的种类。CSS的指定为“text/css”。...

目录前记正文开始了解HTML深入理解超文本（HT）<a>相对路径前记本文是我自己初次接触HTML和CSS的学习笔记，采用的参考资料是《Head First HTML and CSS 2nd》和W3school。记录结构会随着Head First的结构走，因此采用了这本书的章节命名方式，代码也大多是它的代码，中间穿插一些W3school的知识点。HTML的注释方式是<!-- annotation -->，CSS则是/* annotation */，但由于在优快云注释某段话后个