分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

css内容简介(层叠样式表)

发布时间:2023-09-06 01:16责任编辑:苏小强关键词:暂无标签

css是对网页编辑的加色,是对其功能的渲染。

根据规范每个元素都有一个display属性,每个元素都有一个------------如div元素他的默认为block。

行内元素和块级元素

块级元素会占据一块矩形的面积可以设置长宽高等,反之行内元素就不行。块级元素可以嵌套行内元素,反之行内元素就不行。

引用css

使用外部样式表

使用代码引用css,代码为<link rel=“stylesheet” herf=“main.css”>

它能够使代码分离,便于维护和使用。

使用内部样式表

将css编写在HTML文档中,在head标签中书写,代码如下<style type="text/css"> </style>这个虽然比较方便,但是多个页面中难以共享,不便于修改,所以不建议使用该内部样式表。

使用行内样式表

直接编写在起始标签中,和内部样式表都差不多,不太建议使用。

css的注释

css的规则中,其格式为:选择器{申明块}

元素选择器------------标记名{申明块}

类选择器---------------.类名{申明块}       类名自己命名,需要在HTML标签的起始标签中加入class属性

id选择器----------------#id值{申明块}

组合/并集选择器------标记名1,标记名2{申明块}    标记名不限

伪类选择器--------------针对于a标签而言   a:link未访问   a:visited已访问  a:hover鼠标悬停  a:active点击时    {申明块}

后代选择器--------------将其祖表签在前 后代标签在后{申明块}

子集选择器--------------将父级元素在前  后代标签在后{申明块}

属性选择器(input type=“text”)

格式一:元素名[属性名称+属性值]{申明块}

格式二:元素名称[属性名称+“向上的大于号=”+属性值]{申明块}选择以属性值开始的标签

格式三:元素名称[属性名称+“&=”+属性值]{申明块}选择以属性值结束的标签

格式四:元素名称[属性名称+“*=”+属性值]{申明块}选择属性值的表签

小内容和其他内容将在后续写上。。。。。。。。。。

css内容简介(层叠样式表)

原文地址:http://www.cnblogs.com/dy105525/p/7637351.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved