css

于 2016-11-06 21:25:00 发布
阅读量36 收藏
点赞数
原文链接：http://www.cnblogs.com/guisheng/p/6036456.html
版权
css

css基本选择器

1
2
3
4
5
6
7
8
9
10
11
12
.bb{
     color :  red ;
     font-size :  45px ;
}
.c 3 {
     color : rebeccapurple;
     font-size :  45px ;
}
.c 4 {
     color : aquamarine;
     font-size :  45px ;
}

wKiom1eF_yGSOA0TAAGvbByLaE4241.png

css样式存在位置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
< html  lang = "en" >
< head >
     < meta  charset = "UTF-8" >
     < title ></ title >
     < link  rel = "stylesheet"  href = "commons.css" />
     < style >
         .cc{
             color: royalblue;
             font-size: 39px;
         }
         .ccc{
             color: green;
             font-size: 50px;
         }
     </ style >
</ head >
< body >
< div  class = "bb" >bb</ div >
< br >
< div     class = "cc" >cc</ div >
< br >
< div     class = "ccc" >cc</ div >
</ body >
</ html >

wKioL1eF_87AX_55AAARkZ2dJy4912.png

层级选择器

 

1
2
3
4
5
6
7
8
9
10
11
12
.bb{
     color :  red ;
     font-size :  45px ;
}
.c 3 {
     color : rebeccapurple;
     font-size :  45px ;
}
.c 4 {
     color : aquamarine;
     font-size :  45px ;
}

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
< html  lang = "en" >
< head >
     < meta  charset = "UTF-8" >
     < title >层级选择器</ title >
     < link  rel = "stylesheet"  href = "commons.css" />
</ head >
< body >
 
     < div  class = "c3" >c3
         < a  id = "i8" >
             < div >
                 < span  class = "c4" > c4</ span >
             </ div >
             < span  class = "c4" > c4</ span >
         </ a >
     </ div >
     < span  class = "c4" > c4</ span >
</ body >
</ html >

wKiom1eGAkmg6J-3AABC8WetBkM276.png-wh_50

css-float属性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
< html  lang = "en" >
< head >
     < meta  charset = "UTF-8" >
     < title >css-float属性</ title >
</ head >
< body >
     < div  style = "width: 300px" >
         < div  style = "red;float:left;width: 20%;" >20%</ div >
         < div  style = "aquamarine;float: left;width: 50%;" >50%</ div >
         < div  style = "float:right;width: 10%;pink;" >10%</ div >
     </ div >
</ body >
</ html >

wKiom1eGBHvxz_VpAAAwkUMPALc037.png

css-float属性2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
< html  lang = "en" >
< head >
     < meta  charset = "UTF-8" >
     < title >css-float属性2</ title >
</ head >
< body >
     < div  style = "red;" >
         1234
         < p >1</ p >
         < p >2</ p >
         < p >3</ p >
         < p >4</ p >
 
     </ div >
     < br >
     < div  style = "width: 300px;brown" >
         < div  style = "brown;float: left;width: 20%;" >123</ div >
         < div  style = "aqua;float: left;width: 60%" >456</ div >
         < div  style = "float: right;width: 30%;black" >789</ div >
         < div  style = "clear:both;" >987654321</ div >
     </ div >
</ body >
</ html >

wKiom1eGCDbQ_C0VAABKaGuISNY896.png

 css之postition属性

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
< html  lang = "en" >
< head >
     < meta  charset = "UTF-8" >
     < title > css之postition属性</ title >
</ head >
< body >
     < div  style = "position: relative;green;height: 600px;width: 700px;" >
         < div  style = "position: absolute;bottom: 30px;right: 40px" >定位</ div >
     </ div >
     < div  style = "height: 1000px;blue" ></ div >
</ body >
</ html >

wKiom1eHdHvT6SIKAABR-eMH3Wc276.png-wh_50

 

1
< br >
posted on 2016-11-06 21:25  mike.liu 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/guisheng/p/6036456.html

weixin_30315723
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS
04-10
CSS
cssgrid
03-30
cssgrid
CSS钢琴
03-02
CSS钢琴
CSS-Tree:纯 CSS 树图
07-04
CSS-树纯 CSS 树图 - 绝对没有 Javascript - 只是纯粹而简单的 CSS :D - 享受吧！ 将此用于层次图。 将鼠标悬停在一个节点上，它会突出显示所有子节点。
main.css:用于开发HTML5 Boilerplate CSS文件main.css的存储库
04-13
使用安装： npm install main.css并从生成的node_modules/main.css/dist文件夹中node_modules/main.css/dist所需的内容用安装： yarn add main.css并从生成的node_modules/main.css/dist文件夹中node
linux大纲资料.txt
04-23
linux
银行秒杀系统 第十三服创比赛项目.zip
04-23
银行秒杀系统 第十三服创比赛项目
单页登录源码 login登录页源码 html源码.zip
04-23
单页登录源码 login登录页源码 html源码
理性力学 陈至达.pdf
04-23
理性力学 陈至达.pdf
JAVA在线考试管理系统(源代码+论文+开题报告+外文翻译+英文文献+答辩PPT).zip
04-23
JAVA在线考试管理系统(源代码+论文+开题报告+外文翻译+英文文献+答辩PPT)
经典的机器学习教学案例-实现加州房价预测（包含代码和数据集）
04-23
加州房价预测是一个经典的机器学习案例，旨在通过给定的一些特征来预测加州地区房屋的中位数价格。这个案例通常使用监督学习算法来解决： 其中包括以下步骤： 数据收集：收集加州地区的房屋数据，包括房屋的各种特征，如房屋的位置、面积、卧室数量、人口密度等。 数据预处理：对收集到的数据进行清洗和处理，包括处理缺失值、异常值和重复值，进行特征选择和特征缩放等。 特征工程：根据问题的背景和数据的特点，进行特征工程，提取更有意义和相关性的特征。例如，可以通过计算每个区域的人均收入、房屋间距离海洋的距离等特征。 模型选择：选择适合解决这个问题的机器学习模型。常用的模型包括线性回归、决策树、支持向量机、神经网络等。 模型训练：使用训练数据对选定的模型进行训练，通过调整模型参数来最小化预测误差。 模型评估：使用测试数据对训练好的模型进行评估，常用的评估指标包括均方误差和决定系数等。 模型优化：根据评估结果，对模型进行优化，可以尝试调整模型参数、增加更多的特征、尝试其他算法等。 模型应用：使用优化后的模型进行加州房价的预测，可以输入新的特征数据，得到预测的房价。
web单页html主页老款 旧风格 管理页源码.zip
04-23
web单页html主页老款 旧风格 管理页源码
旅游大数据HTML模板源码 大数据大屏展示源码 VUE.zip
04-23
旅游大数据HTML模板源码 大数据大屏展示源码 VUE
moood UI KitAdobeXD源码下载设计素材UI设计.xd
最新发布
04-23
moood UI KitAdobeXD源码下载设计素材UI设计
生物信息学课程学习笔记第四版2022版
04-23
生物信息学课程学习笔记第四版2022版
在校时，参加的创新创业比赛的项目，我负责前端Vue模块.zip
04-23
在校时，参加的创新创业比赛的项目，我负责前端Vue模块
AProject_Inner_Responsive_TemplatesAdobeXD源码下载设计素材UI设计.xd
04-23
AProject_Inner_Responsive_TemplatesAdobeXD源码下载设计素材UI设计
基于STM32的智能台灯
04-23
基于STM32的智能台灯 项目概述 该智能台灯能够实时监测环境光照强度，并根据环境亮度调整LED灯的亮度，亦可通过面板对台灯进行手动控制，从而实现智能护眼和节能的目的。 功能描述 1.环境感知功能：实时监测环境光照强度 2.信息显示功能：显示亮度等提示信息 3.面板控制功能：模式和光照等级切换 4.远程控制功能：远程开关LED灯 中断级调度任务 1.面板控制任务 2.环境感知任务 3.远程控制任务
HTML4-Desktop-App模板官网落地页APP主页产品宣传页源码 landing静态页面.zip
04-23
HTML4-Desktop-App模板官网落地页APP主页产品宣传页源码 landing静态页面

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值