HTML & CSS

最新推荐文章于 2024-05-16 13:41:41 发布

linbounconstraint

最新推荐文章于 2024-05-16 13:41:41 发布

阅读量428

点赞数 1

分类专栏：网络

本文链接：https://blog.csdn.net/linbounconstraint/article/details/49905615

版权

网络专栏收录该内容

10 篇文章 0 订阅

订阅专栏

*****************************************************************************************************************

字体：font-family值要加引号;
字号：font-size;
颜色：color;
粗体：font-weight;
斜体：font-style:italic;
下划线，删除线：text-decoration:underline;or text-decoration:line-through;
缩进：text-indent;
行间距：line-height;
对齐方式：text-align;
字母间的间距：letter-spacing;
单词间隔：word-spacing;

<tr>代表表格中的一行</tr>

<td>代表表格中的一列</td>

'tr'与'td'交成一个单元格

<table>...</table>之间有多少个<tr>，就有多少行

<tr>...</tr>之间有多少个<td>，就有多少列

*******************************************************************************************************************

在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有：
<img>、<input>

******************************************************************************************************************

CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。

如下列代码：

p{
   font-size:12px;
   color:red;
   font-weight:bold;
}

使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等

******************************************************************************************************************

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识CSS样式</title>
<style type="text/css">
p{
   font-size:12px;/*设置文字字号*/
   color:red;/*设置文字颜色*/
   font-weight:bold;/*设置字体加粗*/
}
</style>
</head>
<body>
<p>一枝梨花压海棠</p>
</body>
</html>

******************************************************************************************************************

html的<select>标签，如何获取当前选中的项的内容和当前选中的值？

看例子，来自慕课网链接

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    </head>
    <body>
        <h3>获取处于选中状态元素的内容</h3>
        <form id="frmTest" action="#">
        <select name="ip_protocol" id="select" >
            <option value="0">苹果</option>
            <option value="1">桔子</option>
            <option value="3">葡萄</option>
            <option value="4">香蕉</option>
          	<option value="IP" id="8061">IP</option>
			<option value="IPV6" id="8062">IPV6</option>
			<option value="IPV4V6" id="8063">IPV4V6</option>
        </select><br /><br />
        <div id="tip"></div>
        </form>
        
        <script type="text/javascript">
            var txtOpt = $("select[name = ip_protocol]").text();
            document.write(txtOpt);
            
            var v = document.getElementById('select').selectedIndex;
            document.write("| " + v);          
        </script>
    </body>
</html>

一个例子链接

比如下边的代码，若当前选中了第一项“一月”，如何获取字符串“一月”呢？

<select>
    <option value=0>一月</option>
    <option value=1>二月</option>
    <option value=2>三月</option>
</select>

原生js

document.getElementById('select').options[document.getElementById('select').selectedIndex].text;

linbounconstraint

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML & CSS

******************************************************************************************************************CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。
复制链接

扫一扫