前后花了1周时间来学习这本书,书中提到了很多基础的概念,如:盒模型、元素定位等,这些概念可以帮助初学者深入了解实现的原理,为后面的复杂应用打下坚实的基础。一、HTML相关知识点1.构建WEB页面 第一步:先画出页面的草图(实际工作中可以结合一些原型设计工具:如VISIO、AXTURE、手绘等) 第二步:规划元素架构。确定大的框架和使用的元素(实际工作确定布局,如:上部为标题区,左边为导航区,右侧为
转载 2023-08-14 11:51:30
43阅读
css选择器中:first-child与:first-of-type是比较容易混淆的概念,这里用案例介绍它们具体的区别。 :first-child 选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: <div> <p>第一个子元素</p> <h1>第二个子元
转载 2020-09-27 17:09:00
636阅读
2评论
在完成百度IFE任务6时,有一个需要段落中首字下沉的任务,如图:html代码为:<div class="ins">     <p>段落内容...</p> </div>css代码为:.ins:first-letter { font-size: 70px; color: 
原创 2016-08-27 20:42:39
682阅读
全栈工程师开发手册 (作者:栾鹏)css系列教程1—选择器全解css伪元素选择器伪
原创 2017-08-30 08:43:03
75阅读
[CSS :first-line 选
转载 2020-07-09 11:37:00
110阅读
2评论
    :first-line        ------- 向文本的第一行添加特殊样式。(只能与块级元素关联)        下列属性
原创 2023-06-26 06:58:10
30阅读
    :first-letter        ------- 向文本的第一个字母添加特殊样式。        下列属性应用于:first-letter
原创 2023-06-26 06:58:25
132阅读
伪元素(pseudo elements)跟伪类一样吮吸选择符,使用selector:pseudoelement { property: value; }的形式。有四个吮吸器。 首字和首行 首字first-letter 伪元素应用到元素的第一个字,而首行first-line则是元素的顶行。你可以,比如,创建一个首行粗体和首字下沉的段落,像这样: [CSS在线]-示例代码p:first-lett
<div> 用于将页面划分为逻辑区或逻辑分组,可作为”逻辑容器“、”图形容器“ 是一个纯粹的结构,在页面中没有”外观“或默认样式 是一个块元素 width 指定内容区的宽度 盒子模型的总宽度(元素的宽度)包括内容区的宽度、左右内边距的宽度、边框的宽度、左右外边距的宽度 一个块元素的默认宽度是 aut ...
转载 2021-08-12 10:27:00
42阅读
2评论
1.匹配第一个 元素在下面的例子中,选择器匹配作为任何元素的第一个子元素的 p 元素:some textsome text2.匹配所有 元素中的第一个 元素some text. some text.some text. some text.3.匹配所有作为第一个子元素的 元素中的所有 元素...
转载 2015-06-29 20:47:00
178阅读
[  CSS 中文开发手册:first-of-type (Selectors) - CSS 中文开发手册该:first-of-typeCSS伪类表示其同类型的一组同胞元素中的第一个元素。/* Selects the first <p> to appear inside a parent element regardless of its position inside the si
转载 2020-07-12 00:57:00
92阅读
2评论
[CSS 中文开发手册::first-letter (Selectors) - CSS 中文开发手册::first-letter 伪元素将样式应用于块级元素的第一行的第一个字母,但只有当在它之前没有任何内容(例如图像或内联表)的情况下才能生效。p::first-letter { color: red; font-size: 130%;}元素的第一个字母并不总是容易识别的:在第一个字母之前或...
转载 2020-07-12 00:48:00
68阅读
2评论
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码:p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素;h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个;sp...
转载 2015-04-11 09:28:00
187阅读
2评论
css选择器中:first-child与:first-of-type的区别:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码:p:first-child  匹配到的是p元素,因为p元素是div的第一个子元素;h1:first-child  匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个;..
原创 2023-10-09 10:24:29
233阅读
CSS3 first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器,不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。 示例演示: 通过“:first-of-type”选择器,定位div容器中的第一个p元素(p不
转载 2017-08-12 09:47:00
128阅读
2评论
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个;
转载 2018-04-07 15:56:00
107阅读
2评论
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文
原创 2021-06-03 17:28:28
181阅读
What does the web server do? tirelessly waiting for requests from webbrowsers What does the web browser do? how does the browser know how to display a
转载 2018-03-20 19:56:00
53阅读
2评论
ok2100938 321434
原创 2010-12-19 22:21:30
349阅读
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &
原创 2012-01-01 16:18:31
317阅读
  • 1
  • 2
  • 3
  • 4
  • 5