html里的常用选择器,块元素

一:css

css样式表:由一个一个的样式构成,由选择器和生命块构成

语法:

选择器 {样式名:样式值;样式名:样式值 ; }

p {color:red ; font-size:12px;}

css里的多行注释:/*XXX*/ XXX为注释内容

css不能用html的代码

1:内联标签(内嵌)

< style type='text/css'> p{ color:red; font-size:10px;

} </style>

p为体标签里的p标签(段落标签)  style是内联样式  它是用来设置文本的颜色 字体大小等等

2:外联(外部样式表机试答辩用)如下图:

使用link标签将css创建的样式表放到html里




二:开发工具

就是html里的快捷键 例如在sublime里Ctrl+shift+d就是复制粘贴

三:块元素和内联元素

1:块元素:div(布局 划范围的)p(只能包含内联元素)h1-h6  ul  li

2:内联元素:span a (可以包含任意元素 除了它本身)img(图片) iframe

常用选择器如下代码:

四: 常见属性

1:id:是标签的唯一标识,在一个网页中不能出现相同的id属性值

2:class:为标签分组,拥有相同class属性的标签我们认为就是一组,可以出现相同的class属性,可以为一个元素指定多个class

3:title: 用来指定标签的标题,指定title以后,鼠标移入到元素上方时,会出现提示文字

一个简单的

下面是代码:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。