css2
daimatong
这个作者很懒,什么都没留下…
展开
-
标签的3种显示模式和块级元素的特点
①什么是标签的显示模式? 标签以什么方式进行显示,比如div自己占1行,而span一行可以放多个。 作用:我们的网页非常多,在不同的地方会用到不同的类型,以便更好的完成我们的网页制作。 ②标签的3种显示模式 块标签,行内标签,行内块元素(inline-block) 块级元素: 常见元素有h1-h6,p,div,ul,ol,li等其中div最为典型 块元素的特点: ⑴比较霸道,自己独占一行。 ⑵高度宽度外边距内边距都可以控制 ⑶宽度默认是容器(父级宽原创 2020-05-11 09:16:26 · 385 阅读 · 0 评论 -
链接伪类选择器详解
链接伪类选择器: 为了和我们之前学的选择器相区别 类选择器用一个点,比如.suv{} 伪类用两个点的冒号,比如:link() 伪类选择器作用: 用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,比如可以选择第1个 ...第n个元素。伪类选择器很多种,本文先讲链接伪类选择器。 a:link //未访问的链接/*未访问过的链接*/ a:link { color:#333; text-decoration:none; } a:visited .原创 2020-05-09 09:22:32 · 1902 阅读 · 0 评论 -
后代子元素选择器交集并集选择器 4大复合选择器的区别
①后代选择器(重点) 【空格隔开】 概念:后代选择器又叫包含选择器 为什么要用复合选择器?因为基础选择器不够强大,不能快速高效准确精细的完全页面style设置。复合选择器是两个或多个基础选择器组合而成的。 作用:用来选择元素或者元素的子孙后代 写法:把外层标签写在前面,内存标签写在后面,中间用空格分隔,先写爷爷父亲,再写儿子孙子。 语法:父级 子级 {属性:...原创 2020-05-08 12:53:00 · 1157 阅读 · 0 评论 -
css外观属性详解
本文讲css外观属性①color:文本颜色作用:定义文本的颜色取值方式:预定义的颜色值:red,green,blue…十六进制:#Ff0000,#29D794…RGB代码:rgb(255,0,0)或者rgb(100%,0%,0%)p { color:#ff0000;}p { color:rgb(255,103,0);}注:工作中十六进制方式用的最多,并且通常用简写r...原创 2020-05-07 09:49:28 · 195 阅读 · 0 评论 -
css文字文本样式详解
font字体①font-size 大小相对长度单位em:相对于当前对象内文本的字体尺寸px:像素,平时最常用绝对长度单位in 英寸cm 厘米mm 毫米pt 点/*font-size属性设置字体字号*/p { font-size:20px;}注意:在谷歌浏览器里默认文章文字大小是16px,但不同浏览器默认字体大小可能不同。所以最好在body里自己设定一个文字大小。...原创 2020-05-06 13:28:32 · 168 阅读 · 0 评论 -
CSS选择器之类选择器和id选择器详解
一、学习目标能说出选择器的作用Id 选择器和类选择器的区别①css选择器干嘛用的?找到特定的HTML元素,选择HTML标签,把我们想要的标签选出来。h3 {color:red;}二、运用能够用基础选择器给页面元素加样式三、选择器种类⑴基础选择器①标签选择器(元素选择器)作用:可以把某一类标签全部选择出来,比如所有div标签,所有span 标签等。缺点:不能差异化处理...原创 2020-05-05 13:58:32 · 2102 阅读 · 0 评论 -
引入CSS样式表的3种书写方式
引入CSS样式表的书写方式有3种:①行内样式通过元素标签style属性来设置元素样式语法:<标签名 style=“属性1:属性值1; 属性2:属性值2; 属性3:属性值3;”><div style=”width:100px;height:300px;”> </div>样式属性和值用冒号隔开,多组属性用分号结尾。任何HTML标签都拥有style属性...原创 2020-05-04 19:29:12 · 1638 阅读 · 0 评论