No.6小白的HTML+CSS心得篇

今天就简单写点的知识点

1、 CSS字体样式小结

1) text-indent :值  实现段落首行缩进功能   (在起初我们编写段落时为了实现首行缩进两个字符时用的是HTML的标签元素&nbap;  )

2)文字下划线 text-decoration:underline     ( 不用u标签)

3)文字删除线 必须超市打折 原价用一条线删除   text-decoration:line-through

2、CSS选择符的命名规范

1)驼峰命名法:除第一个单词首字母小写外,其他单词首字母都大写  如:xiaoMing

2)帕斯卡命名法:各单词首字母都大写   如 :XiaoMing

3)匈牙利命名法

3、CSS中超链接的鼠标滑过的效果总结:

   1)a:link指正常的未被访问过的链接;  2)a:active指正在点的链接; 3)a:hover:指鼠标在链接上 4)a:visited:指已经访问过的链接;

时间: 2024-11-24 15:20:17

No.6小白的HTML+CSS心得篇的相关文章

No.5小白的HTML+CSS心得篇

在No.4中谈及了下盒子模型,引出布局模型 1.布局模型有三类: 1)流动模型  flow(默认) 2)浮动模型  float 3)层模型  layer 2.文档流 :指的是文本沿着从左到右的方向展开,就像流的形式 脱离文档流指的是一个元素脱离文档流之后,其他元素在定位的时候会当作没发现它,两者的位置重叠都是可以的 HTML的布局机制就是用文档模型的,即块元素独占一块 3.对于CSS的浮动float问题 查阅一些资料解释 弄清楚了些  先加个链接 这个对浮动问题总结的比较好http://www.

CSS布局篇——固宽、变宽、固宽+变宽

学了前端挺久了,最近写一个项目测试系统,布局时发现自己对变宽+固宽的布局还没有完全掌握,所以在这里总结一下,以后需要的时候回头看看. 1.最简单的当然是一列或多列固宽 例如两列固宽: 1.设置一个外围div--container,是两列显示的总大小,可以是固定800px等值. 2.在container内分别设置两个div--side.content 根据需要设置像素,比如一个是300px,另一个是500px: 分别设置float:left; 2.两列变宽,同1,只不过将像素改为百分比,例如是一个

「HTML+CSS」css升华篇

经验之谈: inline\inline-block\block元素 inline\inline-block文本类元素 凡是带有inline的元素都有文本类特点 诸如:->->->文本类元素有回车,空格 再如:-> -> 再如: 淘宝顶栏布局: inline-block 文本类元素,和里面的元素进行低对其 vertical 「HTML+CSS」css升华篇 原文地址:https://www.cnblogs.com/apelles/p/11634846.html

小白的HTML心得篇 No.3

A--看的东西多了总会出现好多模糊不清的又长的很像的的词语 今天对此进行区别分析下 1. align 与 text-align的区别 align 在W3Cschool中是这样解释的  ----align 属性规定表格相对于周围元素的对齐方式.  通常来说,HTML 表格的前后都会出现折行.通过运用 align 属性,可实现其他                 HTML 元素围绕表格的效果. text-align  在CSS2.0中是这样解释的 ---设置或检索对象中文本的对齐方式. 用自己的话描

我的web前端自学之路-心得篇:我为什么要学习web前端?

时光如流水,转眼间,自己已经是大三的学长了,看着一个个学弟学妹,心中有种莫名的感觉,很怀念大学的前两年时光,但也很憧憬着自己的未来,自己将要去经历很多从未经历的事.我是我们学校信科院的一名学生,在编程方面,一开始只是接触到了C语言,但是c语言对于我来说并不友好,也并不是那么的好学,所以自己对程序不是很有兴趣,但一个偶然的机会,我接触到了web前端,看着我的一个大牛同学用前端 所涉及的语言写出了一些很棒的程序,于是就产生了一种很想学习前端的想法和很想把前端做的完美的渴望,于是,就开始了我的前端之路

css基础篇(三)——布局(上)float和position

1.定位(position) position的值有:relative/absolute/fixed/static/inherit; static:为position属性的默认值,static元素会遵循正常的文档流,且会忽略top,bottom,left,right等属性; inherit:如同其他css的inherit值,即继承父元素的position值(ie不支持) 下面重点介绍前三个值: 1.1 相对定位(relative) 场景描述(如上图):第二个div的位置相对自己向下向右移动30p

新旅程CSS 基础篇分享一

在上一篇HTML完结篇中,已经给大家对CSS做了一个了解.本片博主将不再赘述,直接进入知识点,归纳总结: 一.CSS 三种书写的方式 嵌入式.外链式.行内式 嵌入式就是将CSS写入在<style></style> 外链式将外面的CSS文件通过HTML中的标记链接过来 <link  rel="stylesheet"  type="text/css"  href="外部CSS文件的地址" /> 行内式:就是将CSS

CSS总结篇—可爱的浮动

浮动       浮动是浏览器定位的一种方式,也是现在最常用的一种布局方式.通过两次的静态页面练习,加上查阅一些资料,对浮动进行了整理.总结了10种清除浮动的方式以及各自的优缺点.加深了对浮动的理解和认识. 一.浮动的特性 1.包裹性(BFC-块级元素上下文)2.破坏行(让父元素高度塌陷) 二.浮动产生的原因     一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSS float浮动就产生了.                      

css基础篇(一)——浏览器加载和渲染网页

1.介绍 虽然这篇是css笔记,但是做为web开发,天天和浏览器打交道,有必要先理理我目前了解的浏览器加载和渲染页面的过程. 2.页面加载和渲染流程 如图:(该篇重点是css,所以该图重点说明css渲染) 1.重建DOM树:渲染引擎开始解析html文档,转换树中的标签到DOM节点 2.构建渲染树:解析css,根据css选择器找到节点的样式,创建另外一个树———渲染树 3.布局渲染树:从根节点开始,计算出每一个元素的大小和位置 4.绘制渲染树:遍历渲染树将每个节点都绘制出来 整个流程简易描述:用户