黑马程序员_基础html css 学习(二)
来源:互联网 发布:猎枪缩口数据 编辑:程序博客网 时间:2024/05/17 05:17
---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流! ----------------------
接上次html和css的学习,本节中主要介绍css的用法
15.textarea 和 select标签中其他属性的用法,具体实例如下:
<textarea cols="40" rows="20"> 测试内容</textarea> <select size="8" > <optgroup title="abc1" label="abc"> <option selected="selected">a</option> <option>b</option> <option>c</option> </optgroup> <optgroup title="abc2" label="abc2"> <option value="1">a</option> <option value="2">b</option> <option value="3">c</option> </optgroup> </select>
效果如图:
16.filedset:
具体使用方法为:
<fieldset> <legend>常用</legend> <input type="text" /> <input type="text" /> <input type="text" /> </fieldset>
效果如下图:
17.css即层叠样式表,是用来美化html页面的,可以对页面元素进行精细化的设置,其中对页面元素的样式描述主要包括字体颜色、背景颜色、边框等。
css的使用主要通过三种方式:元素内联、页面嵌入、外部引用
(1)元素内联是直接将样式写入元素的style属性中,<input type="text" readonly="readonly" style="background-color:#FF00FF" />,适用于样式没有可复用性的场合
(2)页面嵌入:在head标签中加入
<style type="text/css"> input{border-color:aqua;color:aliceblue} </style>(3)外部引用:在外部文件定义一个css 文件,写入样式,然后在使用样式的html页面head中加入以下代码就可以
<link href="StyleSheet1.css" type="text/css" rel="stylesheet" />
(4)优先级:元素内联 > 页面嵌入 > 外部引用
div标签是层: 如果将一些标签放在div的标签中,那么就可以将这些内容作为一个整体进行整理,如:整体移动、隐藏、设置样式等。
span:div是将内容放到一个矩形的区域中,会影响布局,但是span是只把一段内容定义成一个整体进行操作,不影响布局和显示。可以为任何的样子
19.css样式选择器
(1)class选择器:使用"."号开头,使用的时候设定元素的class属性的样式为选择器的名称即可。如果某个元素要拥有多个class,只要在各个名称中间加入空格即可。
.warning { background-color:yellow; }
<div class="warning"></div>
(2) id选择器:
#username{ font-size:xx-large}
<input id="username" type="text" value="test"/>
(3) 关联选择器:如下面表示的是P标签内的strong标签的样式
P Strong{background-color:Yellow}(4) 组合选择器:同时为多个标签设定一个样式,如:
H1,H2,input{background-color:Yellow}
---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流! ----------------------详细请查看:www.itheima.com
0 0
- 黑马程序员_基础html css 学习(二)
- 黑马程序员_基础html css 学习(一)
- 黑马程序员_二十一 【Html、CSS、JS综合使用】
- 黑马程序员_学习记录20:HTML,JavaScript,CSS小结
- 黑马程序员HTML---HTML CSS基础
- 黑马程序员—HTML+CSS系列 (二)
- 黑马程序员--html和css基础
- 黑马程序员--html和css基础
- 黑马程序员--html和css基础
- 黑马程序员_java基础Html、css、JavaScript_DAY1
- 黑马程序员_基础加强(二)
- 黑马程序员_基础加强二
- 黑马程序员:基础学习<二>
- 黑马程序员_学习笔记_Java基础_集合(二)
- 黑马程序员_学习日记二_异常二
- 黑马程序员 HTML&css
- 黑马程序员-- css基础学习笔记
- 黑马程序员-- HTML基础学习笔记
- Scala获取异常信息后将其放入String中的实现方式
- 关于俄罗斯方块问题,想的头都炸了!!!
- 世界上最短的数字判断代码
- Algorithm 瑞鼎思必得
- Regular Expression Matching
- 黑马程序员_基础html css 学习(二)
- G - The Unique MST(最小生成树的次生成树)
- 在libuv中使用openssl建立ssl连接
- 黑马程序员_如何制作帮助文档?
- [PAT]1001. 害死人不偿命的(3n+1)猜想
- pl SQL 学习笔记(五)oracle 游标
- 【读入】#36 A. Extra-terrestrial Intelligence
- 第27条:优先考虑泛型方法
- IOS 常用宏定义