CSS3简介: CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言。 CSS3是CSS的最新版本,增加了大量的样式、动画、3D特效和移动端特性等。 前端三层: 语言 功能 结构层 HTML 搭建结构、放置部件、描述语义 样式层 CSS 美化页面、实现布局 行为层 Javascript 实现交互效果、数据收发、表单验证 CSS使样式和结构分离: CS
转载
2024-03-04 10:45:05
62阅读
下拉菜单
• .dropdown:将下拉菜单触发器和下拉菜单包含在其中
• .dropdown-menu:给<ul>制定下拉菜单的样式
• .dropup:向上弹出菜单
• .dropdown-menu-left .dropdown-menu-right:菜单对齐方式
• Data-toggle属性:下拉菜单触发器,取值“dropdown”
• .divider:为下拉菜单添加分割线
一、css简介1.1 什么是css网页分为三部分:
结构(html)
表现(css)
行为(js)
css:层叠样式表
网页实质上是一个多层的结构,通过CSS来分别为网页的分一层设置样式,
而最终我们看到的是网页的最上一层。1.2 css的性质CSS的性质:层叠性 、继承性1)层叠性层叠性:
后来添加的css样式会覆盖原有的样式。即根据选择器的
转载
2024-01-08 15:43:27
65阅读
CSS基础教程(企业内部培训)
这是上周为公司内部培训的CSS资料,希望对初学者有所帮助。
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
一、如何把样式加入到你的网页。
1、链接外部样式。
<head>
<ti
转载
2024-01-30 00:35:54
57阅读
CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。一、行内样式使用style属性引入CSS样式。示例:<h1 style="color:red;">style属性的应用</h1><p style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p>实际在写页面时不提倡使用,在测试的时
转载
2023-07-21 15:35:08
50阅读
CSS代码语法CSS参考手册网址:http://www.w3school.com.cn/cssref/index.asp· css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:选择符:又称选择器,指明网页中要应用样式规则的元素,如网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 &nbs
转载
2023-07-29 22:04:52
431阅读
CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。要想让CSS对网页内容有效果,必须将CSS代码引入网页,通常有四种方式,详见下文。 .1 &nbs
转载
2024-07-26 13:49:26
75阅读
CSS1、浮动1.1 网页布局的方式1.2 浮动1.3 浮动的特性2、清除浮动3、CSS书写顺序4、定位4.1 静态定位4.2 相对定位4.3 绝对定位4.4 固定定位4.5 粘性定位4.6 定位的叠放顺序5、定位的拓展5.1 绝对定位的盒子居中算法5.2 定位的特殊特性5.3 元素显示与隐藏 1、浮动1.1 网页布局的方式(1)标准流标准流:标签按照规定好的默认方式排列①块级元素独占一行,从上
转载
2023-06-16 22:08:46
72阅读
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
转载
2019-03-07 09:34:00
766阅读
2评论
1、高度和宽度 默认情况下,高度和宽度无法应用在行内标签上。 默认情况下,块级标签虽然设置的\
原创
2022-10-19 20:42:25
986阅读
1.HTML+CSS布局(DIV+CSS):主要通过CSS样式设置来布局文字或图片等元素,需要用到CSS盒子模型,盒子类型,CSS浮动,CSS定位,CSS背景图定位等知识来布局,主流布局2.CSS介绍:为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆开,CSS(CascadingStyleSheets)层叠样式表,HTML中大部分表现样式的标签就废弃不用了,HTML只负责文档的结构和内容
原创
2018-12-19 19:21:26
876阅读
一、css样式 字体样式: 1.font-famliy:字体类型 可以设多个类型用“,”隔开, 应用是先从第一个应用 ,如果该文字没有该字体,就应用第二个字 体依次类推。 2.font-size:字体大小 单位:px :根据屏幕分辨率计算单位 em :相对单位,相对于当前文字的大小计算 3.font
转载
2016-11-05 21:46:00
470阅读
2评论
通过样式表实现强制不换行
例如让一个table的某一行不换行:
<table>
<tr style="white-space:nowrap;">
<td>1</td>
<td>2</td>
</tr>
还得注意,不要给td等加width属性。这里使用table不大好,页面中当前行虽然没有换行达
转载
2013-03-01 10:26:00
296阅读
2评论
Css样式表: 1.样式表的分类: <1>.使用内联样式:样例模板:(为p段落设置样式) <p style = "color:Red;font-size:25pt;"> 段落文本(p) </p> 特点:(仅仅针对被标记的那一个P标签有效) <2>.内部样式:在<head>元素中加入(为h1标题设置样
转载
2017-08-03 21:52:00
247阅读
2评论
1、CSS样式 CSS(Cascading StyleSheets)称为层叠样式工作表,作用:用于对页面进行i
原创
2022-09-01 21:19:55
176阅读
文章目录CSS样式padding(内边距)CSS样式padding(内边距)padding: 1px 2px 3px 4px; /*参数顺时针:上右下左4个参数 上右下左3个参数 上(左右)下2个参数 (上下)(左右)1个参数 上下左右相同单位 cm,px,%,inherit默认值: 0px*/...
原创
2021-08-19 10:04:01
247阅读
<!-- CSS样式 三种使用方法:link style 行内样式 选择器: 1.基础选择器:tag #id .class , * 2.层次选择器:空格 > + ~ 空格:所有子代 >:第一代 +:第一个兄弟节点 ~:后面的所有兄弟节点 3.表单选择器 :type属性————>jquery写法 in ...
转载
2021-10-22 17:27:00
199阅读
2评论
d(#),class(.)id指令:# ; class指令:div#testdiv.test子节点(>),兄弟节点(+),上级节点(^)子节点指令:> ; 兄弟节点指令:+ ; 上级节点:^div>ul>li>pdiv+ul+pdiv>ul>li^div (这里的^是接在li后面所以在li的上一级, ...
转载
2021-10-28 23:30:00
181阅读
2评论