![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 51
121689Stone
这个作者很懒,什么都没留下…
展开
-
2.文本元素
文字属性 写法 解释 font-size:16px; 文字大小 font-weight:700; 值从100-900,700开始有效果,不推荐使用bound 文字粗细 font-family:微软雅黑; 文本字体类型 font-style:normal , italic; 文本风格:normal:正常,默认值,italic:斜体 line-height:4原创 2017-08-18 18:30:15 · 208 阅读 · 0 评论 -
11.定位
定位方向:left | right | top | bottom静态定位:position:static;为定位的默认值,就是文档流<head> <style type="text/css"> .box{ width:100px; height:100px; background:r原创 2017-08-23 16:38:04 · 257 阅读 · 0 评论 -
05.js.三元表达式
语法: 表达式?结果1:结果2; if…else的另外一种写法。 一个表达式,如果结果为true,结果为(“”): 如果结果为false,结果为(“”); 案例: 1:接收用户输入的数字,如果是偶数在页面中提示该数字为偶数,如果是奇数那么提示该数字为奇数var n1=prompt("请输入数字");n1%2==0?alert("偶数"):alert("奇数");2:写一个程序接收用户输原创 2017-08-25 16:22:30 · 210 阅读 · 0 评论 -
8.fireworks
快捷键 快捷键 解释 ctrl+r 导入 ctrl+alt+r 标尺 chrl+n 新建 ctro+o 打开 视图-辅助线-清除辅助线 清除辅助线 z 放大镜 alt+鼠标左键 在放大镜的状态下缩小 空格 抓手工具测量距离:先拉出两根辅助线—切换到指针工具—将光标放到两个辅助线之间,按住shift键原创 2017-08-22 15:17:37 · 457 阅读 · 0 评论 -
7.行高、边框、边距
行高1.浏览器默认文字大小:16px , 默认行高为18px 2.行高为基线与基线的距离 3.行高=文字高度+上下边距 ※一行文字行高和父元素高度一致的时候,文字垂直居中显示。<head> <style type="text/css"> a{ display:inline-block; width:120px;原创 2017-08-19 16:40:36 · 714 阅读 · 0 评论 -
10.css初始化
css初始化腾讯: body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px”宋体”,”Arial Narrow”,HELVETICA;background:#fff;-webkit-text-size-adju原创 2017-08-23 16:28:57 · 153 阅读 · 0 评论 -
13.属性选择器、emment快捷键
属性定义的标签选择器[ ]<head> <style type="text/css"> input[type=text][class]{ width:300px; height:300px; background:red; } </style></head><body>原创 2017-08-24 19:05:23 · 249 阅读 · 0 评论 -
13.css精灵图
1.css精灵图:处理网页背景图像的方式。将所有零散的小图集中到一张大图中,然后将大图应用到网页,这时只需向服务器发送一次请求即可。 2.定位到精灵图中具体某个小图的位置使用:background-images、background-repeat、background-position属性来进行背景图像定位。 ※x,y为距左上边框顶部的距离<head> <style type="te原创 2017-08-24 18:18:36 · 267 阅读 · 0 评论 -
12.css可见性、内容移出
css可见性overflow:hidden; 溢出隐藏,内容超过盒子后元素隐藏; visibility:hidden;隐藏元素 ,隐藏之后还占据原来的位置。 display:none;隐藏元素:隐藏之后不占据原来的位置。 display:block;元素可见 display:none;和display:block 常配合js使用。css内容移出(网页优化)当超链接中需要内容,以便搜索引擎原创 2017-08-24 18:07:06 · 186 阅读 · 0 评论 -
11.标签包含规范、规避脱标流、图片文字垂直居中
标签包含规范:div可以包含所有标签。p标签不能包含div 、h1等标签。h1可以包含p,div 等标签。行内元素尽量包含行内元素,不能包含块元素。规避脱标流 1. 尽量使用标准流。 2. 标准流解决不了的使用浮动。 3. 浮动解决不了的使用定位。 4. 使用margin-left:auto规避脱标 ※ 盒子设置左外边距为auto,将盒子左侧充满,冲到右边margin-原创 2017-08-24 16:46:07 · 332 阅读 · 0 评论 -
5.链接伪类
链接伪类:a标签的状态值 a:link{属性:值;} 和 a{属性:值;}效果相同1.链接状态样式表 写法 解释 a:link{属性:值;} 链接默认状态 a:visited{属性:值;} 链接访问之后显示的状态 a:hover{属性:值;} 鼠标放到经过链接上显示的状态 a:active{属性:值;} 链接激活的状态(鼠标放在链接上不松手时的状态)原创 2017-08-19 15:08:36 · 252 阅读 · 0 评论 -
6.背景属性
background-color 背景颜色background-image 背景图片background-image:url("1.png");背景平铺background-repeat:repeat默认平铺 |no-repeat不平铺 |repeat-x水平方向平铺,垂直不平铺 |repeat-y 垂直方向平铺background-position left | righ原创 2017-08-19 15:28:23 · 246 阅读 · 0 评论 -
4.css三大特性
1.层叠性定义:当多个样式给同一个(同一类)标签时,样式发生冲突时,按照浏览器解析顺序从上到下决定,总是执行后边代码(后边代码层叠前面代码)。<head> <style type="text/css"> .box2{ font-size:200px; color:blue; } .box{原创 2017-08-19 11:59:42 · 228 阅读 · 0 评论 -
3.css样式书写位置,标签分类
css书写位置1.内嵌式css样式写在html文件head内。<head> <style type="text/css"> 样式表内容 </style></head>※特点:样式只作用于当前文件,没有真正实现结构表现分离。2.外链式写法css样式为单独的文件,然后html文件链接到此css文件。<head> <link rel="stylesheet" hre原创 2017-08-19 11:06:57 · 1738 阅读 · 0 评论 -
1.css介绍及选择器
css概念:控制标签样式,美化html标签选择器1.概念:选择器是一个选择某个标签的过程,给标签定义样式。 2.写法:选择器{属性:值;} 属性 解释 width:20px; 宽 height:20px; 高 background-color:red; 背景颜色 font-size:24px; 文字大小 text-align:left center rig原创 2017-08-18 10:19:52 · 190 阅读 · 0 评论 -
Java,微信交流群
一起进行Java的知识传递与分享,快来加入吧!!有问题可加个人微信:Ysrbj18,备注Java交流,拉你入群。可扫码加我原创 2019-07-25 21:47:35 · 588 阅读 · 0 评论